From 0c07a7c6238d6842a3b9b3cdf1c42dc75b873c14 Mon Sep 17 00:00:00 2001
From: Frost-ZX <frost-zx@foxmail.com>
Date: Sun, 19 Jul 2026 17:29:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/renderer/src/App.vue                | 21 +++++++++++++++------
 app/src/renderer/src/components/Sidebar.vue | 11 +++++++++++
 app/src/renderer/src/views/Dashboard.vue    | 17 +++++++++++++++++
 3 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/app/src/renderer/src/App.vue b/app/src/renderer/src/App.vue
index 97a5161..ddc9ad7 100644
--- a/app/src/renderer/src/App.vue
+++ b/app/src/renderer/src/App.vue
@@ -71,10 +71,12 @@ function handleSwitchTab(tab) {
                 tab="仪表盘"
               >
                 <div class="tab-content dashboard-content">
-                  <Dashboard
-                    @switch-tab="handleSwitchTab"
-                    @edit-server="handleEditServer"
-                  />
+                  <div class="dashboard-scroll-wrapper">
+                    <Dashboard
+                      @switch-tab="handleSwitchTab"
+                      @edit-server="handleEditServer"
+                    />
+                  </div>
                 </div>
               </n-tab-pane>
               <n-tab-pane
@@ -129,12 +131,20 @@ html, body, #app {
 
 .tab-content {
   box-sizing: border-box;
-  padding: 12px 0;
+  padding: 0 0 16px 0;
   height: calc(100vh - 50px);
   overflow: hidden;
 }
 
 .dashboard-content {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.dashboard-scroll-wrapper {
+  flex: 1;
+  min-height: 0;
   overflow-y: auto;
   overscroll-behavior: contain;
 }
@@ -157,7 +167,6 @@ html, body, #app {
   box-sizing: border-box;
   height: 100%;
   min-height: 0;
-  padding-right: 4px;
   overflow: hidden;
 }
 
diff --git a/app/src/renderer/src/components/Sidebar.vue b/app/src/renderer/src/components/Sidebar.vue
index 06a9300..1616160 100644
--- a/app/src/renderer/src/components/Sidebar.vue
+++ b/app/src/renderer/src/components/Sidebar.vue
@@ -231,6 +231,17 @@ function handleDelete(server) {
 
 .server-url {
   margin-top: 4px;
+  overflow: hidden;
+}
+
+.server-url :deep(.n-tag) {
+  max-width: 100%;
+}
+
+.server-url :deep(.n-tag__content) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .server-bottom {
diff --git a/app/src/renderer/src/views/Dashboard.vue b/app/src/renderer/src/views/Dashboard.vue
index 799c627..f7faa80 100644
--- a/app/src/renderer/src/views/Dashboard.vue
+++ b/app/src/renderer/src/views/Dashboard.vue
@@ -95,6 +95,7 @@ const emit = defineEmits(['switch-tab', 'edit-server']);
         >{{ store.activeServer.value.status === 'connected' ? '已连接' : store.activeServer.value.status === 'connecting' ? '连接中...' : '未连接' }}</n-tag>
       </template>
       <n-descriptions
+        class="server-descriptions"
         :column="2"
         size="small"
         bordered
@@ -182,6 +183,22 @@ const emit = defineEmits(['switch-tab', 'edit-server']);
   max-width: 900px;
 }
 
+.server-descriptions :deep(.n-descriptions-table) {
+  table-layout: fixed;
+  width: 100%;
+}
+
+.server-descriptions :deep(.n-descriptions-table-header),
+.server-descriptions :deep(.n-descriptions-table-content) {
+  width: 25%;
+}
+
+.server-descriptions :deep(.n-descriptions-table-content) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .status-dot {
   display: inline-block;
   width: 8px;