Update src/streamlit_app.py

src/streamlit_app.py

@@ -18,7 +18,7 @@ st.markdown(
         scrollbar-width: none;
     }
     
-    /* 2. 調整範例按鈕樣式 (改為科技藍風格) */
+    /* 2. 調整範例按鈕樣式 (維持科技藍) */
     .stButton button {
         width: auto;
         padding: 5px 15px;
@@ -26,25 +26,34 @@ st.markdown(
         border: 1px solid #58a6ff; 
         color: #58a6ff;
         background-color: transparent;
-        transition: all 0.3s ease;
     }
-    .stButton button:hover {
-        background-color: #58a6ff;
-        color: #0d1117;
+    
+    /* 🚀 3. 關鍵修正：隱藏 Header 背景與右側選單，但保留左側展開按鈕 */
+    header[data-testid="stHeader"] {
+        background-color: rgba(0,0,0,0) !important; /* 背景透明 */
+        color: #58a6ff !important;
     }
     
-    /* 3. 極度壓縮頂部空白與兩側邊距，專為小視窗優化 */
+    /* 隱藏右側的「...」選單按鈕 */
+    header[data-testid="stHeader"] #MainMenu {
+        visibility: hidden;
+    }
+    
+    /* 確保左側的展開按鈕 (CollapsedControl) 是可見的 */
+    div[data-testid="collapsedControl"] {
+        visibility: visible !important;
+        background-color: #0d1117 !important; /* 給它一點深色背景，免得在白色畫面上看不見 */
+        border-radius: 0 5px 5px 0;
+        top: 10px;
+    }
+
+    /* 4. 壓縮主畫面邊距 */
     .block-container {
-        padding-top: 1.5rem !important;
-        padding-bottom: 5rem !important; /* 底部留白避免對話被輸入框蓋住 */
+        padding-top: 2rem !important;
+        padding-bottom: 5rem !important;
         padding-left: 1rem !important;
         padding-right: 1rem !important;
     }
-    
-    /* 4. 隱藏 Streamlit 預設的頂部裝飾與漢堡選單 */
-    header {
-        visibility: hidden;
-    }
     </style>
     """,
     unsafe_allow_html=True