fix(component): 🐛 修复ait弹出框问题

src/components/rightBox/chatBox/ChatFooter.vue

@@ -1,7 +1,6 @@
 <template>
   <!-- 底部栏 -->
-  <main
+  <main class="size-full relative z-10 border-t-(1px solid [--right-chat-footer-line-color]) color-[--icon-color]">
-    class="size-full relative z-10 bg-transparent backdrop-blur-2xl border-t-(1px solid [--line-color]) color-[--icon-color]">
     <!-- 输入框顶部选项栏 -->
     <n-flex align="center" justify="space-between" class="p-[10px_22px_5px] select-none">
       <n-flex align="center" :size="0" class="input-options">

src/layout/left/model.tsx

@@ -113,7 +113,7 @@ export const LockScreen = defineComponent(() => {
  */
 export const CheckUpdate = defineComponent(() => {
   const url = ref(
-    `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/releases/tags/v${pkg.version}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
+    `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/releases/tags/v${pkg.version}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
   )
   /** 项目提交日志记录 */
   const commitLog = ref<{ message: string; icon: string }[]>([])
@@ -204,7 +204,7 @@ export const CheckUpdate = defineComponent(() => {
   }
 
   const checkUpdate = () => {
-    const url = `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=desc&page=1&per_page=1`
+    const url = `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=desc&page=1&per_page=1`
     if (lastVersion && lastVersion === `v${pkg.version}`) {
       window.$message.success('当前已是最新版本')
       return
@@ -222,7 +222,7 @@ export const CheckUpdate = defineComponent(() => {
             }, 600)
           } else {
             setTimeout(() => {
-              let url = `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=asc&page=1`
+              let url = `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/tags?access_token=${import.meta.env.VITE_GITEE_TOKEN}&sort=name&direction=asc&page=1`
               fetch(url).then((res) => {
                 res.json().then(async (data) => {
                   const allVersion = [] as number[]
@@ -231,7 +231,7 @@ export const CheckUpdate = defineComponent(() => {
                     allVersion.push(Number(item.name.slice(1, 4)))
                   })
                   newVersion.value = `v${Math.max(...allVersion)}.0`
-                  url = `https://gitee.com/api/v5/repos/nongyehong/HuLa-IM-Tauri/releases/tags/${newVersion.value}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
+                  url = `https://gitee.com/api/v5/repos/HuLaSpark/HuLa-IM-Tauri/releases/tags/${newVersion.value}?access_token=${import.meta.env.VITE_GITEE_TOKEN}`
                   getCommitLog(url, true)
                   text.value = '立即更新'
                   checkLoading.value = false

src/styles/scss/global/variable.scss

@@ -50,7 +50,7 @@ html, body, svg {
   --disabled-color: #c1c1c1;
   // 气泡背景颜色
   --bg-bubble: rgb(253, 253, 253);
-  --bg-bubble-active: #dedede;
+  --bg-bubble-active: #f1f1f1;
   // 头像状态的背景颜色
   --bg-avatar: rgba(241, 241, 241, 1);
   // 个人信息框背景颜色
@@ -124,7 +124,7 @@ html[data-theme='dark'] {
   --disabled-color: #575757;
   // 气泡背景颜色
   --bg-bubble: rgb(38, 38, 38);
-  --bg-bubble-active: #202020;
+  --bg-bubble-active: rgba(66, 66, 66, 0.8);
   // 头像状态的背景颜色
   --bg-avatar: rgba(22, 22, 22, 1);
   // 个人信息框背景颜色

src/styles/scss/message.scss

@@ -19,7 +19,7 @@
 }
 
 .active {
-  background: var(--bg-active-msg);
+  background: var(--msg-active-color);
   border-radius: 12px;
   color: #fff;
   .text {

src/styles/scss/theme/default.scss

@@ -15,11 +15,15 @@
     --border-active-color: #64a29c;
 
     // 右边布局内容背景
-    --right-theme-bg-color: radial-gradient(circle at top left, #ffd1ff4c 4%, #82c1bb66 100%);
+    --right-theme-bg-color: radial-gradient(circle at top left, rgba(255, 209, 255, 0.3) 4%, rgba(130, 193, 187, 0.3) 100%);
 
     // 聊天框主体样式
     --right-chat-reply-color: #f1f1f1;
     --right-chat-reply-active-color: rgba(99, 99, 99, 0.1);
+    --right-chat-footer-line-color: rgba(99, 99, 99, 0.1);
+
+    // 消息列表样式
+    --msg-active-color: #13987f;
 
     //列表通用hover
     --list-hover-color: rgba(99, 99, 99, 0.1);
@@ -33,20 +37,24 @@ html[data-theme='dark'] {
      --left-active-bg-color: rgba(222, 222, 222, 0.1);
      --left-text-color: #ccc;
      --left-icon-color: #ccc;
-     --left-active-hover: rgba(19, 152, 127, 0.8);
+     --left-active-hover: rgba(26, 178, 146, 0.8);
      --left-bg-hover: rgba(133, 133, 133, 0.2);
-     --left-active-icon-color: #13987f;
+     --left-active-icon-color: #1ab292;
-     --left-win-icon-color: rgba(19, 152, 127, 0.8);
+     --left-win-icon-color: #1ab292;
 
      // 包含边框的选中样式
      --border-active-color: #64a29c;
 
      // 右边布局内容背景
-     --right-theme-bg-color: radial-gradient(circle at top left, #ffd1ff4c 4%, #82c1bb66 100%);
+     --right-theme-bg-color: radial-gradient(circle at top left, rgba(255, 209, 255, 0.2) 4%, rgba(130, 193, 187, 0.2) 100%);
 
      // 聊天框主体样式
      --right-chat-reply-color: #666;
      --right-chat-reply-active-color: rgba(255, 255, 255, 0.1);
+     --right-chat-footer-line-color: #444;
+
+     // 消息列表样式
+     --msg-active-color: rgba(19, 152, 127, 0.4);
 
      //列表通用hover
      --list-hover-color: rgba(244, 244, 244, 0.1);

src/styles/scss/theme/simple.scss

@@ -20,6 +20,13 @@
    // 聊天框主体样式
    --right-chat-reply-color: #ddd;
    --right-chat-reply-active-color: rgba(99, 99, 99, 0.1);
+   --right-chat-footer-line-color: #e3e3e3;
+
+   // 消息列表样式
+   --msg-active-color: #13987f;
+
+   //列表通用hover
+   --list-hover-color: rgba(99, 99, 99, 0.1);
  }
 }
 
@@ -44,6 +51,13 @@ html[data-theme='dark'] {
     // 聊天框主体样式
     --right-chat-reply-color: #3b3b3b;
     --right-chat-reply-active-color: rgba(255, 255, 255, 0.1);
+    --right-chat-footer-line-color: #404040;
+
+    // 消息列表样式
+    --msg-active-color: rgba(19, 152, 127, 0.4);
+
+    //列表通用hover
+    --list-hover-color: rgba(244, 244, 244, 0.1);
   }
 }
 /**! end */

src/views/homeWindow/more/settings/model.tsx

@@ -136,7 +136,7 @@ const topicsList: Topic = [
 ]
 
 const versatileModel: JSX.Element = (() => (
-  <div class="w-300px h-200px rounded-8px custom-shadow flex rounded-8px border-(1px solid [--line-color])">
+  <div class="w-300px h-200px rounded-8px custom-shadow flex border-(1px solid [--line-color])">
     <div class="bg-[--left-bg-color] flex-1 rounded-[6px_0_0_6px] flex-col-x-center">
       <div class="text-(8px [--left-text-color]) mt-10px">HuLa</div>
       <div class="bg-[--left-bg-hover] size-18px rounded-6px mt-10px"></div>