From 674de46a6a9f1b793313b5c027a34d396217ed84 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Tue, 5 Nov 2024 00:10:30 -0800
Subject: dark styles

---
 src/components/AppHeader.svelte | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

(limited to 'src/components/AppHeader.svelte')

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>
-- 
cgit v1.2.3