xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style(post): 任务列表 checkbox 与文本改为垂直中线对齐

Browse Source 
flex-start + 固定 margin 是近似居中,在不同字体/行高下会偏。改用
align-items: center 实现真正的中线对齐(checkbox 中线与文本中线重合),
去掉不再需要的 0.35rem 顶部偏移。

单行任务项场景下 center 更合适;多行时 checkbox 会垂直居中于整个文本块。
This commit is contained in:
xfy 2026-07-02 14:32:43 +08:00
parent 250fe653c1
commit 17006f8d0c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
input.css
View File

@ -307,7 +307,7 @@
list-style: none; list-style: none;
margin-left: -1.25rem; margin-left: -1.25rem;
display: flex; display: flex;
align-items: flex-start; align-items: center;
gap: 0.5rem; gap: 0.5rem;
} }
@ -315,7 +315,7 @@
flex-shrink: 0; flex-shrink: 0;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
margin: 0.35rem 0 0; margin: 0;
accent-color: var(--color-paper-accent); accent-color: var(--color-paper-accent);
cursor: default; cursor: default;
} }