Add hamburger symbol svg

hakuzumon · Jul 4, 2024 · ebf49f1 · ebf49f1
1 parent 969e50f
commit ebf49f1
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -76,8 +76,12 @@ export default function Nav() {
                         </a>
                     }</For>
 
-                    <div class={`sm:hidden text-4xl ml-auto cursor-pointer select-none p-4 pt-6 pb-2 leading-6`} onClick={() => toggleNavigation()}>
-                        <span>&equiv;</span>
+                    <div class={`sm:hidden ml-auto cursor-pointer select-none p-4 pt-6 pb-0 leading-6`} onClick={() => toggleNavigation()}>
+                        <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
+                            <rect x="0" y="2" width="20" height="2" fill="white"/>
+                            <rect x="0" y="9" width="20" height="2" fill="white"/>
+                            <rect x="0" y="16" width="20" height="2" fill="white"/>
+                        </svg>
                     </div>
                 </div>
             </nav>