fix(ds): .setting-row 原子按钮安全化(border/background/width/text-align 重置)

作 <button> 用时浏览器默认粗边框穿透 → 账户卡各行显重黑边。原子内重置,
保留 border-bottom 细分隔线。单源修复,所有 setting-row-as-button 一并生效。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013nMthbVEmQquxBRKb9Fj8u
This commit is contained in:
wangjia
2026-07-12 09:27:21 +08:00
parent 6f5a805536
commit 5002a4f35d
+1 -1
View File
@@ -647,7 +647,7 @@
.device-row .dv-trail { flex-shrink: 0; display: inline-flex; align-items: center; gap: var(--space-2); }
/* SETTING ROW · 设置/导航行(对齐 settings _Row/_NavRowicon-box + 标题 + 副标 + trailing */
.setting-row { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--border); }
.setting-row { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); width: 100%; background: transparent; border: none; border-bottom: 1px solid var(--border); text-align: left; }
.setting-row:last-child { border-bottom: none; }
.setting-row.is-tap { cursor: pointer; transition: background-color var(--dur-fast) var(--ease-out); }
.setting-row.is-tap:hover { background: var(--bg-subtle); }