From 38bc999dbe53ce2c7f3f44a925bf7c58429bb39c Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Mon, 5 May 2025 08:53:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=9D=A2=E6=9D=BF=E6=8E=92=E7=89=88=E9=94=99?=
 =?UTF-8?q?=E4=B9=B1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/components/StyleCustomizer.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/components/StyleCustomizer.vue b/packages/frontend/src/components/StyleCustomizer.vue
index a0434fc..2b6d83d 100644
--- a/packages/frontend/src/components/StyleCustomizer.vue
+++ b/packages/frontend/src/components/StyleCustomizer.vue
@@ -935,7 +935,7 @@ const handleFocusAndSelect = (event: FocusEvent) => {
           </button>
         </nav>
         
-        <main class="flex-grow p-3 md:p-4 md:px-6 overflow-y-auto">
+        <main class="flex-grow p-3 md:p-4 md:px-6 overflow-y-auto min-h-0">
           <section v-if="currentTab === 'ui'">
             <h3 class="mt-0 border-b border-border pb-2 mb-4 text-lg font-semibold text-foreground">{{ t('styleCustomizer.uiStyles') }}</h3>
             <!-- 新增：主题模式选择 - 小屏幕堆叠 -->
@@ -951,7 +951,7 @@ const handleFocusAndSelect = (event: FocusEvent) => {
             <div v-for="(value, key) in editableUiTheme" :key="key" class="grid grid-cols-1 md:grid-cols-[auto_1fr] items-start md:items-center gap-x-3 gap-y-1 mb-3">
               <label :for="`ui-${key}`" class="text-left text-foreground text-sm font-medium overflow-hidden text-ellipsis block w-full mb-1 md:mb-0">{{ formatLabel(key) }}:</label>
               <!-- Container for color picker and text display -->
-              <div class="flex items-center gap-2 w-full flex-wrap"> 
+              <div class="flex items-center gap-2 w-full">
                 <!-- Color Picker -->
                 <input
                   v-if="typeof value === 'string' && (value.startsWith('#') || value.startsWith('rgb') || value.startsWith('hsl'))"
@@ -1101,7 +1101,7 @@ const handleFocusAndSelect = (event: FocusEvent) => {
                  
               <div v-for="(value, key) in editingTheme.themeData" :key="key" class="grid grid-cols-1 md:grid-cols-[auto_1fr] items-start md:items-center gap-2 mb-2">
                 <label :for="`xterm-${key}`" class="text-left text-foreground text-sm font-medium overflow-hidden text-ellipsis block w-full mb-1 md:mb-0">{{ formatXtermLabel(key as keyof ITheme) }}:</label>
-                <div class="flex items-center gap-2 w-full flex-wrap"> 
+                <div class="flex items-center gap-2 w-full">
                   
                   <input
                     v-if="typeof value === 'string' && value.startsWith('#')"