diff --git a/web/src/components/buttons/Switcher.svelte b/web/src/components/buttons/Switcher.svelte index 1e7aa85e..06e794a5 100644 --- a/web/src/components/buttons/Switcher.svelte +++ b/web/src/components/buttons/Switcher.svelte @@ -14,6 +14,7 @@ flex-wrap: nowrap; scrollbar-width: none; overflow-x: scroll; + border-radius: var(--border-radius); } .switcher :global(.button:first-child) { diff --git a/web/src/components/save/Omnibox.svelte b/web/src/components/save/Omnibox.svelte index cabff743..78368e93 100644 --- a/web/src/components/save/Omnibox.svelte +++ b/web/src/components/save/Omnibox.svelte @@ -94,7 +94,7 @@ #input-container { display: flex; box-shadow: 0 0 0 1.5px var(--gray) inset; - border-radius: 11px; + border-radius: var(--border-radius); padding: 0 12px; align-items: center; gap: 10px; diff --git a/web/src/components/save/buttons/DownloadButton.svelte b/web/src/components/save/buttons/DownloadButton.svelte index 2dbd4b3e..62ef1e00 100644 --- a/web/src/components/save/buttons/DownloadButton.svelte +++ b/web/src/components/save/buttons/DownloadButton.svelte @@ -101,8 +101,8 @@ transform: none; border-left: 1px var(--gray) solid; - border-top-right-radius: 11px; - border-bottom-right-radius: 11px; + border-top-right-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); } #download-state { diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte index 11a7ae8c..b84269f5 100644 --- a/web/src/routes/+layout.svelte +++ b/web/src/routes/+layout.svelte @@ -23,6 +23,7 @@ --button-stroke: rgba(0, 0, 0, 0.08); --padding: 12px; + --border-radius: 11px; --sidebar-width: 80px; --sidebar-font-size: 11px; @@ -63,7 +64,7 @@ padding: 8px 15px; gap: 8px; border: none; - border-radius: 11px; + border-radius: var(--border-radius); font-size: 16px; cursor: pointer; background-color: var(--button);