Update app.py

app.py

@@ -133,35 +133,33 @@ def check_login(user, password):
             error_msg: "<span style='color: red'>❌ 帳號或密碼錯誤</span>"
         }
 
-# --- 🔥 [終極修正 CSS]：使用 max-content 強制撐開 ---
+# --- 🔥 [平衡版 CSS]：依文字長度自動調整 ---
 custom_css = """
-/* 1. 確保外層容器可以捲動 */
-.table-wrap, .wrap, .svelte-12cmxck, div[data-testid="dataframe"] > div {
+.table-wrap, .svelte-12cmxck {
     overflow-x: auto !important;
+    width: 100% !important;
 }
 
-/* 2. 核心：強制表格寬度為「內容總寬度」，不要被螢幕寬度限制 */
 table { 
-    width: max-content !important; 
+    table-layout: auto !important; 
+    width: auto !important;
     min-width: 100% !important;
-    table-layout: auto !important;
+    border-collapse: collapse !important;
 }
 
-/* 3. 單元格設定：不換行、顯示完整文字 */
 td, th { 
-    white-space: nowrap !important;  
-    overflow: visible !important;    
-    text-overflow: clip !important; /* 移除 ... */
-    max-width: none !important;
+    white-space: nowrap !important; 
     width: auto !important;
-    padding: 12px !important;       /* 增加間距比較好點擊 */
+    max-width: 400px !important;  /* 限制最大寬度，避免 User ID 撐太開 */
+    overflow: visible !important;
+    text-overflow: clip !important;
+    padding: 8px 12px !important;
+    vertical-align: middle !important;
 }
 
-/* 4. 針對 Gradio 內部的 span 文字容器也強制不換行 */
 td > span, th > span {
     white-space: nowrap !important;
     overflow: visible !important;
-    text-overflow: clip !important;
 }
 """