diff options
| author | Adam Soltys <[email protected]> | 2024-11-05 00:10:30 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2024-11-05 00:10:30 -0800 |
| commit | 674de46a6a9f1b793313b5c027a34d396217ed84 (patch) | |
| tree | 1000b455727ac54e78e0cdeee72e9e2b63257198 /src/components/AppHeader.svelte | |
| parent | 4ef5028356e566220e9f1588757800db8a739aed (diff) | |
| download | coinos-ui-674de46a6a9f1b793313b5c027a34d396217ed84.tar.gz coinos-ui-674de46a6a9f1b793313b5c027a34d396217ed84.zip | |
dark styles
Diffstat (limited to 'src/components/AppHeader.svelte')
| -rw-r--r-- | src/components/AppHeader.svelte | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/src/components/AppHeader.svelte b/src/components/AppHeader.svelte index e4c971c0..6b2497aa 100644 --- a/src/components/AppHeader.svelte +++ b/src/components/AppHeader.svelte @@ -131,11 +131,20 @@ class="flex justify-center items-center font-semibold hover:opacity-80 gap-2" on:click={dark} > - <iconify-icon {icon} width="30" /> - {$t(key)} + <iconify-icon + icon={$theme === "dark" + ? "ph:sun-bold" + : "ph:moon-stars-bold"} + width="30" + /> + {$t(`nav.${$theme === "dark" ? "light" : "dark"}`)} </button> {:else} - <a {href} data-sveltekit-preload-code="eager"> + <a + {href} + data-sveltekit-preload-code="eager" + data-sveltekit-preload-data="false" + > <button class="flex justify-center items-center font-semibold hover:opacity-80 gap-2" > @@ -156,9 +165,7 @@ </div> {:else} <a href={`/login?redirect=${$page.url.pathname}`}> - <button class="bg-base-100 px-5 py-2 rounded-xl font-semibold text-sm" - >{$t("nav.signIn")}</button - > + <button class="btn !rounded-full">{$t("nav.signIn")}</button> </a> {/if} </nav> |