diff options
Diffstat (limited to 'src/components/Menu.svelte')
| -rw-r--r-- | src/components/Menu.svelte | 16 |
1 files changed, 3 insertions, 13 deletions
diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte index 6402928e..3ce6d9ce 100644 --- a/src/components/Menu.svelte +++ b/src/components/Menu.svelte @@ -1,5 +1,6 @@ <script> import { theme } from "$lib/store"; + import DarkToggle from "$comp/DarkToggle.svelte"; import OutClick from "svelte-outclick"; export let t, user, w, opacity; @@ -40,18 +41,7 @@ {#each menuButtons as { href, icon, key }} <li> {#if key.includes("dark")} - <button - class="flex justify-center items-center font-semibold hover:opacity-80 gap-2" - on:click={dark} - > - <iconify-icon - icon={$theme === "dark" - ? "ph:sun-bold" - : "ph:moon-stars-bold"} - width="32" - /> - {t(`nav.${$theme === "dark" ? "light" : "dark"}`)} - </button> + <DarkToggle /> {:else} <a {href} @@ -71,7 +61,7 @@ {/each} </ul> <hr class="my-4" /> - <a href="/?stay=true"><iconify-icon icon="coinos:logo" width="130" /></a> + <a href="/?stay=true"><iconify-icon icon="coinos:logo" width="160" /></a> </div> </OutClick> </div> |