style: 章头幽灵序号收边——负偏移出血改右 18px/垂直居中,与卡片边缘保留边距不再贴边
This commit is contained in:
1 parent
7b8aad1998
commit
99948ad129
1 file changed
+1
-1
@@ -24,7 +24,7 @@ export function ChapterPage({ id }: { id: ChapterId }) {
|
|||||||
className="relative flex items-center gap-4 overflow-hidden rounded-2xl border-2 border-ink p-5 shadow-hard"
|
className="relative flex items-center gap-4 overflow-hidden rounded-2xl border-2 border-ink p-5 shadow-hard"
|
||||||
style={{ background: ch.color, viewTransitionName: `ch-${id}` } as CSSProperties}
|
style={{ background: ch.color, viewTransitionName: `ch-${id}` } as CSSProperties}
|
||||||
>
|
>
|
||||||
<span className="t-display pointer-events-none absolute -right-2 -top-3 select-none" aria-hidden>
|
<span className="t-display pointer-events-none absolute right-4 top-1/2 -translate-y-1/2 select-none" aria-hidden>
|
||||||
0{id}
|
0{id}
|
||||||
</span>
|
</span>
|
||||||
<span className="text-[44px] leading-none">{ch.emoji}</span>
|
<span className="text-[44px] leading-none">{ch.emoji}</span>
|
||||||
|
|||||||
Reference in new issue
Block a user