From 1325c3516c2a42064fc1705748ca3d705a0bf24a Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 16 Jun 2024 19:51:02 +0600
Subject: [PATCH] web: move border radius into a variable

---
 web/src/components/buttons/Switcher.svelte            | 1 +
 web/src/components/save/Omnibox.svelte                | 2 +-
 web/src/components/save/buttons/DownloadButton.svelte | 4 ++--
 web/src/routes/+layout.svelte                         | 3 ++-
 4 files changed, 6 insertions(+), 4 deletions(-)

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);