castad
/
o2o-infinith-demo
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: thin overlay scrollbar to equalize left/right margins 

Uses scrollbar-width:thin + 6px webkit scrollbar to minimize
layout shift from the default ~15px scrollbar. Keeps original
design intact while reducing visual asymmetry.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
claude/bold-hawking
Haewon Kam 2026-04-04 00:15:00 +09:00
parent c6b39e3706
commit 9a141f3603
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/index.css
View File

@ -62,6 +62,21 @@
} }
@layer base { @layer base {
/* Thin overlay scrollbar — doesn't consume layout space */
html {
scrollbar-width: thin;
scrollbar-color: rgba(0,0,0,0.15) transparent;
}
html::-webkit-scrollbar {
width: 6px;
}
html::-webkit-scrollbar-track {
background: transparent;
}
html::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.15);
border-radius: 3px;
}
body { body {
@apply font-sans text-slate-800 bg-slate-50 antialiased; @apply font-sans text-slate-800 bg-slate-50 antialiased;
} }