Skip to content

feat(ui): table density toggle — comfortable/compact radio, localStorage, site-wide .density-compact (v1.20 C) - #66

Merged
argszero merged 1 commit into
mainfrom
feat/ui-ue-round5-table-density
Aug 17, 2026
Merged

argszero merged 1 commit into
mainfrom
feat/ui-ue-round5-table-density

Conversation

@argszero

Copy link
Copy Markdown
Owner

Summary

Item C of rant 2026-08-17T20:46:57 (UI/UE 第五轮多角度深化, v1.20): 表格密度切换 — table density toggle in Settings.

  • Settings → 偏好 (Preferences) card gains a 「表格密度」 two-option radio group (input[name="density"]):
    • #density-comfortable — 舒适(默认)/ comfortable (default, checked)
    • #density-compact — 紧凑 / compact
    • Vertical .density-options layout with accent radio dots, consistent with the existing label.check pattern
  • localStorage atp-density memory: restored on load (radio pre-selected), updated on every change; try/catch guards privacy mode
  • Switching applies/removes a .density-compact modifier class on #app, which tightens all .table site-wide via CSS:
    • th/td padding 10px 8px4px 8px, td font-size 12px, th/inline buttons 11px
    • Comfortable mode untouched (zero regression, no rules emitted)
  • Works with every existing .table (API keys, transactions, marketplace, sharing, admin) without per-table changes

Rant reference (verbatim)

C. 表格密度切换 — 设置页「偏好」区两档单选(舒适/紧凑),localStorage 记忆,.table density 修饰类(紧凑 → 行 padding 减小、字号 13px),所有表格统一生效

Verification

Progress on rant 20:46:57: A (#63) + B (#65) + C (#66) merged; remaining D–G.

…s, localStorage memory, site-wide .density-compact (v1.20 C)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant