Update styles

derekmbrown · Feb 1, 2025 · e646ecf · e646ecf
1 parent 7da4146
commit e646ecf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 16 deletions.
diff --git a/src/components/Nav.astro b/src/components/Nav.astro
@@ -1,11 +1,19 @@
 ---
 import Emoji from 'astro-emoji'
-import Navbar from './ui/Nav'
 
 const { PageName } = Astro.props
 ---
 
-<Navbar emoji={Emoji} />
+<nav class="flex flex-col mt-12 mb-10 text-[#F2F5F7]">
+  <div class="flex font-['Merriweather'] text-4xl font-black mb-3">
+    <a href="/">Derek Brown <Emoji symbol="👨🏻‍💻" label="person" /></a>
+  </div>
+  <div class="font-['Merriweather'] text-xl flex items-center gap-4">
+    <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>
+  </div>
+</nav>
 
 <script define:vars={{ PageName }} is:inline>
 

diff --git a/src/components/ui/Nav.jsx b/src/components/ui/Nav.jsx