From 063b5655f733230ca25d2f20bc908e798d4c72ca Mon Sep 17 00:00:00 2001
From: RockYang <yangjian102621@gmail.com>
Date: Fri, 23 Jun 2023 18:31:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/package-lock.json               | 48 +++++++++++++++++++++++++++++
 web/package.json                    |  1 +
 web/src/components/ConfigDialog.vue |  4 +--
 web/src/views/ChatPlus.vue          | 11 ++++---
 4 files changed, 58 insertions(+), 6 deletions(-)

diff --git a/web/package-lock.json b/web/package-lock.json
index 148c2539..c45695cb 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -21,6 +21,7 @@
         "pinia": "^2.1.4",
         "qs": "^6.11.1",
         "sortablejs": "^1.15.0",
+        "vant": "^4.5.0",
         "vue": "^3.2.13",
         "vue-router": "^4.0.15"
       },
@@ -2260,6 +2261,19 @@
         "@types/node": "*"
       }
     },
+    "node_modules/@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
+    },
+    "node_modules/@vant/use": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmmirror.com/@vant/use/-/use-1.5.2.tgz",
+      "integrity": "sha512-CBK61iT568dCHUwFFsErGbW6/5tmrPnZJKGtcSy7Tjcrmws8Ku+YZo7IUFD9Xkj9MfSJ4pfhQ7pU2KouP5Cojg==",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -10429,6 +10443,19 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "node_modules/vant": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-4.5.0.tgz",
+      "integrity": "sha512-MK7TlTvp+n0HRFAi7SoRZwTt1pquJ2aUa8nQ899Mf+x9gi8OLYrMFqEQX+l1e4Cl4RO0vD1Q5w9rs4+Wehesog==",
+      "dependencies": {
+        "@vant/popperjs": "^1.3.0",
+        "@vant/use": "^1.5.1",
+        "@vue/shared": "^3.0.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
@@ -13000,6 +13027,17 @@
         "@types/node": "*"
       }
     },
+    "@vant/popperjs": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz",
+      "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw=="
+    },
+    "@vant/use": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmmirror.com/@vant/use/-/use-1.5.2.tgz",
+      "integrity": "sha512-CBK61iT568dCHUwFFsErGbW6/5tmrPnZJKGtcSy7Tjcrmws8Ku+YZo7IUFD9Xkj9MfSJ4pfhQ7pU2KouP5Cojg==",
+      "requires": {}
+    },
     "@vue/babel-helper-vue-jsx-merge-props": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz",
@@ -19428,6 +19466,16 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "vant": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmmirror.com/vant/-/vant-4.5.0.tgz",
+      "integrity": "sha512-MK7TlTvp+n0HRFAi7SoRZwTt1pquJ2aUa8nQ899Mf+x9gi8OLYrMFqEQX+l1e4Cl4RO0vD1Q5w9rs4+Wehesog==",
+      "requires": {
+        "@vant/popperjs": "^1.3.0",
+        "@vant/use": "^1.5.1",
+        "@vue/shared": "^3.0.0"
+      }
+    },
     "vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/vary/-/vary-1.1.2.tgz",
diff --git a/web/package.json b/web/package.json
index 158776cd..da771ccb 100644
--- a/web/package.json
+++ b/web/package.json
@@ -21,6 +21,7 @@
     "pinia": "^2.1.4",
     "qs": "^6.11.1",
     "sortablejs": "^1.15.0",
+    "vant": "^4.5.0",
     "vue": "^3.2.13",
     "vue-router": "^4.0.15"
   },
diff --git a/web/src/components/ConfigDialog.vue b/web/src/components/ConfigDialog.vue
index 5626e5db..bac79509 100644
--- a/web/src/components/ConfigDialog.vue
+++ b/web/src/components/ConfigDialog.vue
@@ -81,8 +81,8 @@ const showDialog = computed(() => {
 })
 const form = ref({})
 const top = computed(() => {
-  if (window.innerHeight < 768) {
-    return '1vh';
+  if (window.innerHeight < 1024) {
+    return '5vh';
   } else {
     return '15vh';
   }
diff --git a/web/src/views/ChatPlus.vue b/web/src/views/ChatPlus.vue
index f397a609..1d5e0e64 100644
--- a/web/src/views/ChatPlus.vue
+++ b/web/src/views/ChatPlus.vue
@@ -304,7 +304,7 @@ const getRoleById = function (rid) {
 const resizeElement = function () {
   chatBoxHeight.value = window.innerHeight - 51 - 82 - 38;
   mainWinHeight.value = window.innerHeight - 51;
-  leftBoxHeight.value = window.innerHeight - 51 - 100;
+  leftBoxHeight.value = window.innerHeight - 43 - 47 - 44;
 };
 
 // 新建会话
@@ -782,9 +782,12 @@ $borderColor = #4676d0;
             width: 100%
             justify-content: flex-start
             padding: 8px 12px
-            border-bottom: 1px solid #3c3c3c
+            //border-bottom: 1px solid #3c3c3c
             cursor: pointer
 
+            &:hover {
+              background-color #343540
+            }
 
             .avatar {
               width: 28px;
@@ -826,7 +829,7 @@ $borderColor = #4676d0;
           }
 
           .chat-list-item.active {
-            background-color: #363535;
+            background-color: #343540;
 
             .btn {
               display inline
@@ -840,7 +843,7 @@ $borderColor = #4676d0;
         display: flex;
         justify-content: flex-end;
         align-items: center;
-        padding 5px 20px;
+        padding 0 20px 10px 20px;
         border-top 1px solid #3c3c3c;
 
         .user-info {