Update styles

derekmbrown · Feb 3, 2025 · df76d0f · df76d0f
1 parent f3a5a2a
commit df76d0f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
@@ -1,5 +1,6 @@
 ---
 import Emoji from 'astro-emoji'
+import { Icon } from 'astro-icon/components'
 ---
 
 <nav class="flex flex-col mt-12 mb-10 text-[#F2F5F7]">
@@ -10,5 +11,8 @@ import Emoji from 'astro-emoji'
     <span class="navItem" id="notes"><a href="/">Notes</a></span>
     <span class="navItem" id="tags"><a href="/tags">Tags</a></span>
     <span class="navItem" id="about"><a href="/about">About</a></span>
+    <span class="navItem" id="search">
+      <a href="/search"><Icon name="mdi:search" width="30" height="27"/></a>
+    </span>
   </div>
 </nav>
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
@@ -24,6 +24,9 @@ const { PageName } = Astro.props
     case 'About':
       document.getElementById('about').classList.add('active')
       break;
+    case 'Search':
+      document.getElementById('search').classList.add('active')
+      break;
   }
 
 </script>
diff --git a/src/pages/search.astro b/src/pages/search.astro
@@ -8,8 +8,8 @@ allNotes.sort((a, b) => Date.parse(b.data.pubDate) - Date.parse(a.data.pubDate))
 ---
 
 <Main 
-  PageName="Home"
-  TabTitle="Home",
+  PageName="Search"
+  TabTitle="Search",
   MetaTitle="Derek Brown", 
   MetaDescription="Developer profile, portfolio and website of Derek Brown.", 
   MetaTag="website",