upgrade to v4.0.4

web/src/components/ChatPrompt.vue

@@ -90,6 +90,7 @@ export default defineComponent({
     }
 
     .chat-item {
+      width 100%
       position: relative;
       padding: 0 5px 0 0;
       overflow: hidden;

web/src/components/ChatReply.vue

@@ -93,6 +93,7 @@ export default defineComponent({
       }
 
       .chat-item {
+        width 100%
         position: relative;
         padding: 0 0 0 5px;
         overflow: hidden;

web/src/components/FooterBar.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="container">
+  <div class="foot-container">
     <div class="footer">
       Powered by {{ author }} @
-      <el-link type="primary" href="https://github.com/yangjian102621/chatgpt-plus" target="_blank">
+      <el-link type="primary" href="https://github.com/yangjian102621/chatgpt-plus" target="_blank" style="--el-link-text-color:#ffffff">
         {{ title }} -
         {{ version }}
       </el-link>
@@ -19,7 +19,7 @@ const author = ref('极客学长')
 </script>
 
 <style scoped lang="stylus">
-.container {
+.foot-container {
   position: fixed;
   left: 0;
   bottom: 0;

web/src/components/LoginDialog.vue

@@ -226,10 +226,9 @@ import {httpGet, httpPost} from "@/utils/http";
 import {ElMessage} from "element-plus";
 import {setUserToken} from "@/store/session";
 import {validateEmail, validateMobile} from "@/utils/validate";
-import {Checked, Close, Iphone, Lock, Message, Position, User} from "@element-plus/icons-vue";
+import {Checked, Close, Iphone, Lock, Message} from "@element-plus/icons-vue";
 import SendMsg from "@/components/SendMsg.vue";
 import {arrayContains} from "@/utils/libs";
-import {useRouter} from "vue-router";
 
 // eslint-disable-next-line no-undef
 const props = defineProps({
@@ -359,7 +358,7 @@ const close = function () {
     .close-icon {
       cursor pointer
       position absolute
-      right -10px
+      right 0
       top 0
       font-weight normal
       font-size 20px

web/src/components/admin/AdminHeader.vue

@@ -45,6 +45,9 @@
                   <span>{{ sysTitle }}</span>
                 </el-dropdown-item>
               </a>
+              <el-dropdown-item>
+                <i class="iconfont icon-version"></i> 当前版本：{{ version }}
+              </el-dropdown-item>
               <el-dropdown-item @click="showDialog = true">
                 <i class="iconfont icon-reward"></i>
                 <span>打赏作者</span>
@@ -86,6 +89,7 @@ import {removeAdminToken} from "@/store/session";
 
 const message = ref(5);
 const sysTitle = ref(process.env.VUE_APP_TITLE)
+const version = ref(process.env.VUE_APP_VERSION)
 const avatar = ref('/images/user-info.jpg')
 const donateImg = ref('/images/wechat-pay.png')
 const showDialog = ref(false)

web/src/components/admin/AdminSidebar.vue

@@ -2,7 +2,7 @@
   <div class="sidebar">
     <div class="logo">
       <el-image :src="logo"/>
-      <span class="text" v-show="!sidebar.collapse">{{ title }} - {{ version }}</span>
+      <span class="text" v-show="!sidebar.collapse">{{ title }}</span>
     </div>
 
     <el-menu
@@ -60,11 +60,11 @@ import {ElMessage} from "element-plus";
 
 const title = ref('Chat-Plus-Admin')
 const logo = ref('/images/logo.png')
-const version = ref(process.env.VUE_APP_VERSION)
 
 // 加载系统配置
 httpGet('/api/admin/config/get?key=system').then(res => {
-  title.value = res.data['admin_title'];
+  title.value = res.data['admin_title']
+  logo.value = res.data['logo']
 }).catch(e => {
   ElMessage.error("加载系统配置失败: " + e.message)
 })
@@ -192,9 +192,9 @@ setMenuItems(items)
     padding 6px 15px;
 
     .el-image {
-      width 30px;
-      height 30px;
-      padding-top 8px;
+      width 36px;
+      height 36px;
+      padding-top 5px;
       border-radius 100%
 
       .el-image__inner {