web: settings ui & const for settings type options

2024-06-24 23:05:51 +06:00
parent e866dee60a
commit 9fad7103c4
12 changed files with 346 additions and 97 deletions
--- a/web/src/components/buttons/Switcher.svelte
+++ b/web/src/components/buttons/Switcher.svelte
@@ -1,4 +1,8 @@
-<div id="switcher-container" class="switcher">
+<script lang="ts">
+    export let big: boolean = false;
+</script>
+
+<div id="switcher-container" class="switcher" class:big={big}>
    <slot></slot>
 </div>

@@ -23,6 +27,11 @@
        border-bottom-left-radius: 0;
    }

+    .switcher.big :global(.button) {
+        width: 100%;
+        height: 40px;
+    }
+
    .switcher > :global(:not(.button:first-child):not(.button:last-child)) {
        border-radius: 0;
    }