From 549840128fe71b94442b1c012d11ee810a4337d0 Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Wed, 10 Apr 2024 23:25:24 +0000
Subject: [PATCH] Update Navbar and UserAvatar components, and +page styling

---
 src/lib/components/Navbar.svelte     |  7 +++----
 src/lib/components/UserAvatar.svelte |  2 +-
 src/routes/+page.svelte              | 15 ++++++++-------
 tailwind.config.js                   |  2 +-
 4 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 17416ba..54960ee 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -64,9 +64,8 @@
       on:click={goHome}>Home</button
     >
     {#if user}
-      <button
-        class="btn btn-primary my-2 md:my-0 md:mr-4 md:ml-2"
-        on:click={goToLog}>My Log</button
+      <button class="btn btn-primary my-2 md:my-0 md:mr-4" on:click={goToLog}
+        >My Log</button
       >
     {/if}
     <button class="btn btn-primary my-2 md:my-0" on:click={goToFeatured}
@@ -87,7 +86,7 @@
     {/if}
 
     {#if user}
-      <p>Adventures: {count}</p>
+      <p class="font-bold">Adventures: {count}</p>
       <UserAvatar {user} />
     {/if}
     <button class="btn btn-neutral ml-4" on:click={showModal}>About</button>
diff --git a/src/lib/components/UserAvatar.svelte b/src/lib/components/UserAvatar.svelte
index c25888e..280cace 100644
--- a/src/lib/components/UserAvatar.svelte
+++ b/src/lib/components/UserAvatar.svelte
@@ -12,7 +12,7 @@
 <div class="dropdown dropdown-bottom dropdown-end" tabindex="0" role="button">
   <div class="avatar placeholder">
     <div class="bg-neutral text-neutral-content rounded-full w-10 ml-4">
-      <span class="text-2xl">{firstLetter}</span>
+      <span class="text-2xl -mt-0.5">{firstLetter}</span>
     </div>
   </div>
   <!-- svelte-ignore a11y-missing-attribute -->
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 497dd31..22a9617 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -13,13 +13,14 @@
 </script>
 
 <div class="flex flex-col items-center justify-center">
-  <article class="prose">
-    {#if data.user && data.user.username != ""}
-      <h1 class="mb-4">Welcome {data.user.first_name}. Let's get Exploring!</h1>
-    {:else}
-      <h1 class="mb-4">Welcome. Let's get Exploring!</h1>
-    {/if}
-  </article>
+  {#if data.user && data.user.username != ""}
+    <h1 class="mb-6 text-4xl font-extrabold">
+      Welcome {data.user.first_name}. Let's get Exploring!
+    </h1>
+  {:else}
+    <h1 class="mb-6 text-4xl font-extrabold">Welcome. Let's get Exploring!</h1>
+  {/if}
+
   <img src={campingDrawing} class="w-1/4 mb-4" alt="Logo" />
   <button on:click={navToLog} class="btn btn-primary">Open Log</button>
 
diff --git a/tailwind.config.js b/tailwind.config.js
index 2d48b1b..389e6e9 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -6,6 +6,6 @@ export default {
   },
   plugins: [require("@tailwindcss/typography"), require("daisyui")],
   daisyui: {
-    themes: ["night"],
+    themes: ["sunset"],
   },
 };