megaproxy/claude-usage-widget
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity Actions

styles: box-sizing reset + body overflow:hidden — kill the 2px-border overflow bug

Browse source 
#app has width:100vw and a 1px border with default content-box box-sizing,
so its rendered size is 100vw+2px which overflowed body → unwanted scrollbars.
This commit is contained in:
megaproxy 2026-05-09 01:58:45 +01:00
parent f90bb3b0d5
commit c38d895f5f
1 changed files with 3 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/styles.css
View file

@ -22,12 +22,15 @@
color: var(--fg); color: var(--fg);
} }
*, *::before, *::after { box-sizing: border-box; }
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background: transparent; /* honor Tauri transparent:true */ background: transparent; /* honor Tauri transparent:true */
overflow: hidden; /* viewport never scrolls; sections handle their own */
user-select: none; user-select: none;
-webkit-user-select: none; -webkit-user-select: none;
} }