Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-02-27 05:28:49 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/Switcher: reduce padding

Browse source
This commit is contained in:
wukko 2025-02-25 13:35:57 +06:00
parent 78a4c9adbf
commit ceee059ecf
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/buttons/Switcher.svelte
View file

@ -75,7 +75,7 @@
.switcher.big :global(.button) { .switcher.big :global(.button) {
width: 100%; width: 100%;
/* [base button height] - ([switcher padding] * [padding factor to accommodate for]) */ /* [base button height] - ([switcher padding] * [padding factor to accommodate for]) */
height: calc(40px - var(--switcher-padding) * 1.5); height: calc(40px - var(--switcher-padding) * 2);
border-radius: calc(var(--border-radius) - var(--switcher-padding));; border-radius: calc(var(--border-radius) - var(--switcher-padding));;
} }
@ -93,6 +93,6 @@
/* hack to get rid of double border in a list of switches */ /* hack to get rid of double border in a list of switches */
.switcher:not(.big) :global(:not(.button:first-child)) { .switcher:not(.big) :global(:not(.button:first-child)) {
margin-left: -1.5px; margin-left: -1px;
} }
</style> </style>

2
web/src/routes/+layout.svelte
View file

@ -177,7 +177,7 @@
--safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-top: env(safe-area-inset-top);
--safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-bottom: env(safe-area-inset-bottom);
--switcher-padding: 4px; --switcher-padding: 3.5px;
/* used for fading the tab bar on scroll */ /* used for fading the tab bar on scroll */
--sidebar-mobile-gradient: linear-gradient( --sidebar-mobile-gradient: linear-gradient(