web/settings: calculate item padding properly

This commit is contained in:
wukko
2024-06-29 23:31:40 +06:00
parent a1913988d7
commit 3527131cd7
4 changed files with 8 additions and 5 deletions

View File

@@ -30,13 +30,14 @@
.switcher.big {
background: var(--button);
box-shadow: var(--button-box-shadow);
padding: var(--sidebar-inner-padding);
padding: var(--switcher-padding);
}
.switcher.big :global(.button) {
width: 100%;
height: calc(40px - var(--sidebar-inner-padding) * 1.5);
border-radius: calc(var(--border-radius) - var(--sidebar-inner-padding));;
/* [base button height] - ([switcher padding] * [padding factor to accommodate for]) */
height: calc(40px - var(--switcher-padding) * 1.5);
border-radius: calc(var(--border-radius) - var(--switcher-padding));;
}
.switcher.big :global(.button:not(:focus-visible)) {