From ceee059ecfb8eae93ffa07bc50375fff476a37d6 Mon Sep 17 00:00:00 2001 From: wukko Date: Tue, 25 Feb 2025 13:35:57 +0600 Subject: [PATCH] web/Switcher: reduce padding --- web/src/components/buttons/Switcher.svelte | 4 ++-- web/src/routes/+layout.svelte | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/web/src/components/buttons/Switcher.svelte b/web/src/components/buttons/Switcher.svelte index 0792c9e4..905d86e5 100644 --- a/web/src/components/buttons/Switcher.svelte +++ b/web/src/components/buttons/Switcher.svelte @@ -75,7 +75,7 @@ .switcher.big :global(.button) { width: 100%; /* [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));; } @@ -93,6 +93,6 @@ /* hack to get rid of double border in a list of switches */ .switcher:not(.big) :global(:not(.button:first-child)) { - margin-left: -1.5px; + margin-left: -1px; } diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte index 403f2660..84829fad 100644 --- a/web/src/routes/+layout.svelte +++ b/web/src/routes/+layout.svelte @@ -177,7 +177,7 @@ --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-bottom: env(safe-area-inset-bottom); - --switcher-padding: 4px; + --switcher-padding: 3.5px; /* used for fading the tab bar on scroll */ --sidebar-mobile-gradient: linear-gradient(