From 18bd43159ac2c9b10a3ced100ff097e5d50d6e61 Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Wed, 6 Nov 2024 14:30:12 -0800
Subject: dark styles

---
 src/components/LandingHeader.svelte | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/components/LandingHeader.svelte b/src/components/LandingHeader.svelte
index a5fa6300..64349a99 100644
--- a/src/components/LandingHeader.svelte
+++ b/src/components/LandingHeader.svelte
@@ -1,7 +1,6 @@
 <script>
   import { goto } from "$app/navigation";
   import { scroll } from "$lib/utils";
-  import Icon from "$comp/Icon.svelte";
   import { t } from "$lib/translations";
   import { page } from "$app/stores";
 
@@ -19,7 +18,7 @@
 </script>
 
 <header
-  class="w-full lg:w-5/6 p-2 mx-auto fixed sticky z-10 top-0 bg-base-100"
+  class="w-full lg:w-5/6 p-4 mx-auto fixed sticky z-10 top-0 bg-base-100"
   bind:this={header}
 >
   <nav class="block lg:flex justify-between items-center">
@@ -47,17 +46,27 @@
         >
       {/if}
       {#if user}
-        <button class="btn !w-auto !rounded-full" on:click={() => goto(`/${user.username}`)}
+        <button
+          class="btn !w-auto !rounded-full"
+          on:click={() => goto(`/${user.username}`)}
           >Home
         </button>
-        <button class="btn !w-auto !rounded-full" on:click={() => goto("/logout")}>
+        <button
+          class="btn !w-auto !rounded-full"
+          on:click={() => goto("/logout")}
+        >
           {$t("nav.signOut")}
         </button>
       {:else}
-        <button class="btn !w-auto !rounded-full" on:click={() => goto("/register")}
+        <button
+          class="btn !w-auto !rounded-full"
+          on:click={() => goto("/register")}
           >{$t("nav.register")}
         </button>
-        <button class="btn !w-auto !rounded-full" on:click={() => goto("/login")}>
+        <button
+          class="btn !w-auto !rounded-full"
+          on:click={() => goto("/login")}
+        >
           {$t("nav.signIn")}
         </button>
       {/if}
@@ -66,7 +75,8 @@
     <button
       class="block lg:hidden absolute top-[34.5px] right-10 z"
       on:click={() => (showMobileMenu = !showMobileMenu)}
-      ><Icon icon={!showMobileMenu ? "menu" : "close"} />
+    >
+      <iconify-icon icon={!showMobileMenu ? "ph:list-bold" : "ph:x-bold"} width="32" />
     </button>
 
     <div
-- 
cgit v1.2.3