diff options
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> |