Dropdown change on mobile

2024-10-30 20:28:45 +01:00 · 2024-10-30 20:28:45 +01:00 · 99fe35aa23
commit 99fe35aa23
parent d2dddbeb2a
6 changed files with 144 additions and 121 deletions
--- a/src/components/navbar/navbarDesktop.astro
+++ b/src/components/navbar/navbarDesktop.astro
@ -0,0 +1,29 @@
+---
+
+---
+
+<ul>
+  <slot />
+</ul>
+
+<style>
+  ul {
+    align-items: center;
+    justify-content: space-around;
+    display: none;
+    flex-wrap: wrap;
+    flex-direction: row;
+    height: 64px;
+    width: 100%;
+    list-style-type: none;
+    row-gap: 0.5em;
+    column-gap: 0.5ch;
+    margin: 0px;
+    line-height: 1.5em;
+  }
+  @media (min-width: 1140px) {
+    ul {
+      display: flex;
+    }
+  }
+</style>