web/settings: replace checkbox with toggle

- equal font size & padding for all subtexts in settings
- equal padding & border radius for all settings components

it just looks way better now
This commit is contained in:
wukko
2024-06-29 22:51:24 +06:00
parent c7befcb100
commit ad6539e3bd
9 changed files with 139 additions and 120 deletions

View File

@@ -28,16 +28,15 @@
}
.switcher.big {
--switcher-inner-padding: 4px;
border-radius: calc(var(--border-radius) + var(--switcher-inner-padding));
background: var(--button);
box-shadow: var(--button-box-shadow);
padding: var(--switcher-inner-padding);
padding: var(--sidebar-inner-padding);
}
.switcher.big :global(.button) {
width: 100%;
height: calc(40px - var(--switcher-inner-padding));
height: calc(40px - var(--sidebar-inner-padding));
border-radius: calc(var(--border-radius) - var(--sidebar-inner-padding));;
}
.switcher.big :global(.button:not(:focus-visible)) {