From 659cd2befa5e6d4be5afa691d422bf64d288ce65 Mon Sep 17 00:00:00 2001
From: celebrateyang <celebrateyang@hotmail.com>
Date: Thu, 5 Jun 2025 16:40:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=87=E4=BB=B6=E4=BC=A0=E8=BE=939-=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../clipboard/SessionManager.svelte           | 35 +++++++++++++------
 web/src/routes/clipboard/+page.svelte         |  6 ++--
 2 files changed, 27 insertions(+), 14 deletions(-)

diff --git a/web/src/components/clipboard/SessionManager.svelte b/web/src/components/clipboard/SessionManager.svelte
index aafb3e62..25c02dba 100644
--- a/web/src/components/clipboard/SessionManager.svelte
+++ b/web/src/components/clipboard/SessionManager.svelte
@@ -104,13 +104,13 @@
 <style>    .connection-setup {
         display: flex;
         flex-direction: column;
-        gap: 0.75rem;
-        padding: 0.25rem;
+        gap: 1rem;
+        padding: 0.5rem;
         max-width: 800px;
         margin: 0 auto;
     }    .setup-option {
         text-align: center;
-        padding: 0.75rem;
+        padding: 1rem;
         background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.05) 100%);
         border-radius: 20px;
         border: 1px solid rgba(255, 255, 255, 0.1);
@@ -118,6 +118,9 @@
         transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
         position: relative;
         overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
     }
 
     .setup-option::before {
@@ -141,22 +144,22 @@
     .setup-option:hover::before {
         left: 100%;
     }    .setup-option h3 {
-        margin-bottom: 0.15rem;
-        font-size: 1.3rem;
+        margin-bottom: 0.5rem;
+        font-size: 1.4rem;
         font-weight: 600;
         color: var(--text);
         text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     }
 
     .setup-option p {
-        margin-bottom: 0.5rem;
+        margin-bottom: 1rem;
         color: var(--secondary);
         line-height: 1.6;
-        font-size: 0.85rem;
+        font-size: 0.9rem;
     }    .divider {
         text-align: center;
         position: relative;
-        margin: 0.25rem 0;
+        margin: 0.75rem 0;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -501,16 +504,26 @@
     }    /* Enhanced mobile styles */
     @media (max-width: 639px) {
         .connection-setup {
-            padding: 0.75rem;
-            gap: 1rem;
+            padding: 0.5rem;
+            gap: 0.75rem;
         }
 
         .setup-option {
-            padding: 1rem;
+            padding: 0.75rem;
         }
 
         .setup-option h3 {
             font-size: 1.15rem;
+            margin-bottom: 0.25rem;
+        }
+
+        .setup-option p {
+            margin-bottom: 0.75rem;
+            font-size: 0.85rem;
+        }
+
+        .divider {
+            margin: 0.5rem 0;
         }
 
         .session-info {
diff --git a/web/src/routes/clipboard/+page.svelte b/web/src/routes/clipboard/+page.svelte
index 23911a32..679a93c0 100644
--- a/web/src/routes/clipboard/+page.svelte
+++ b/web/src/routes/clipboard/+page.svelte
@@ -249,9 +249,7 @@
         box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
         border: 1px solid rgba(255, 255, 255, 0.1);
         min-height: 55vh;
-        max-height: 80vh;
-        overflow-y: auto;
-    }    .clipboard-header {
+    }.clipboard-header {
         text-align: center;
         margin-bottom: 0.5rem;
         padding: 0.25rem 0;
@@ -514,6 +512,7 @@
             margin: 0.75rem;
             border-radius: 16px;
             max-height: 85vh;
+            overflow-y: auto;
         }
 
         .clipboard-header h1 {
@@ -536,6 +535,7 @@
             margin: 0.5rem;
             padding: 0.5rem;
             max-height: 90vh;
+            overflow-y: auto;
         }
 
         .clipboard-header h1 {