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/navbarLogo.astro
+++ b/src/components/navbar/navbarLogo.astro
@ -0,0 +1,32 @@
+---
+import { Image } from 'astro:assets'
+import logo from '@assets/logo.svg'
+---
+
+<a href="/" rel="noopener noreferrer" aria-label="Home" role="button">
+  <Image src={logo} alt="" loading="eager" />
+  <span class="visually-hidden">Logo</span>
+</a>
+
+<style>
+  a {
+    margin-left: 16px;
+    padding-top: 8px;
+    height: 48px;
+    width: 48px;
+    display: flex;
+    justify-self: top;
+    align-items: center;
+  }
+
+    a > img {
+    height: 42px;
+    width: 42px;
+    object-fit: contain;
+  }
+  @media (min-width: 1140px) {
+    a {
+      padding-top: 0px;
+    }
+  }
+</style>