Spaces:
Sleeping
Sleeping
修復格式要求文字與拖放上傳框間距過遠
Browse files同一個根因的第二次踩坑:Gradio 把 elem_classes 同時蓋在外層 wrapper
(.block.upload-hint)跟內層 markdown 內容(.prose.upload-hint)兩個 div
上,裸的 .upload-hint 選取器設 padding/margin 會在兩層各套一次、疊加成
雙倍間距。改成只在 .block.upload-hint 設定版面間距,.prose.upload-hint
明確歸零,字級類不影響版面的規則維持用裸 .upload-hint。
已用 Playwright 截圖確認間距恢復正常。
- app_agent.py +14 -4
app_agent.py
CHANGED
|
@@ -2406,12 +2406,22 @@ div[role="log"][aria-label="chatbot conversation"],
|
|
| 2406 |
/* 格式要求直接寫在上傳卡片裡,跟卡片本身有明顯區隔但仍在同一張卡片內,
|
| 2407 |
使用者不用往上捲回對話視窗找 AI 說過的規則 */
|
| 2408 |
/* 已經在 upload-zone 卡片裡了,卡片本身就有外框,這裡不再加第二層框線/底色。
|
| 2409 |
-
注意:
|
| 2410 |
-
|
| 2411 |
-
|
| 2412 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2413 |
padding: 0 0 .9rem !important;
|
| 2414 |
margin-bottom: .9rem !important;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2415 |
font-size: var(--font-size-base) !important;
|
| 2416 |
}
|
| 2417 |
.upload-hint p, .upload-hint li { font-size: var(--font-size-base) !important; color: var(--c-text-soft) !important; }
|
|
|
|
| 2406 |
/* 格式要求直接寫在上傳卡片裡,跟卡片本身有明顯區隔但仍在同一張卡片內,
|
| 2407 |
使用者不用往上捲回對話視窗找 AI 說過的規則 */
|
| 2408 |
/* 已經在 upload-zone 卡片裡了,卡片本身就有外框,這裡不再加第二層框線/底色。
|
| 2409 |
+
注意:Gradio 把 elem_classes 同時蓋在外層 wrapper(.block.upload-hint)
|
| 2410 |
+
跟內層 markdown 內容(.prose.upload-hint)兩個 div 上,凡是用裸的
|
| 2411 |
+
.upload-hint 當 selector,padding/margin/border 都會在兩層各套一次、
|
| 2412 |
+
疊加成兩倍間距或雙重邊框(已踩坑兩次:先是雙重分隔線,後是跟下面拖放框
|
| 2413 |
+
距離過遠)。統一寫法:只在 .block.upload-hint(外層)設定間距,
|
| 2414 |
+
.prose.upload-hint(內層)明確歸零,字級/顏色類不影響版面的規則才維持
|
| 2415 |
+
用裸 .upload-hint(重複套用無副作用) */
|
| 2416 |
+
.upload-hint.block {
|
| 2417 |
padding: 0 0 .9rem !important;
|
| 2418 |
margin-bottom: .9rem !important;
|
| 2419 |
+
}
|
| 2420 |
+
.upload-hint.prose {
|
| 2421 |
+
padding: 0 !important;
|
| 2422 |
+
margin: 0 !important;
|
| 2423 |
+
}
|
| 2424 |
+
.upload-hint {
|
| 2425 |
font-size: var(--font-size-base) !important;
|
| 2426 |
}
|
| 2427 |
.upload-hint p, .upload-hint li { font-size: var(--font-size-base) !important; color: var(--c-text-soft) !important; }
|