un2266 commited on
Commit
9280581
·
1 Parent(s): 34fbe4b

修復格式要求文字與拖放上傳框間距過遠

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 截圖確認間距恢復正常。

Files changed (1) hide show
  1. 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
- 注意:不要在這裡加 border-bottom——Gradio 把 elem_classes 同時蓋在外層
2410
- wrapper 跟內層 .prose 兩個 div 上,兩個都命中 .upload-hint 會疊出兩條
2411
- 看起來像雙重分隔線的邊框(已踩坑,千卉截圖抓到),只留 margin 當間距 */
2412
- .upload-hint {
 
 
 
 
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; }