From dc4abf68a65164ce490ef0ee6db648cb9b9493a8 Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Mon, 9 Sep 2024 20:05:47 +0200
Subject: [PATCH] Update Menu component: make menu sticky, fix menu button and
 add href to menu links

---
 src/components/Menu.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index e9ee470..7403cc1 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -12,17 +12,17 @@
     <nav class="w-full | flow">
       <ul class="flex">
         <li data-icon="home" class="active">
-          <a href="#" aria-current="page">Home</a>
+          <a href="/" aria-current="page">Home</a>
         </li>
         <li data-icon="megaphone" data-count="4">
-          <a href="#">Notifications</a>
+          <a href="/notifications">Notifications</a>
         </li>
         <li data-icon="calendar">
-          <a href="#">Réunions</a>
+          <a href="/reunions">Réunions</a>
           <span class="pill pill--secondary">Dans 2h</span>
         </li>
         <li data-icon="inspiration">
-          <a href="#">Inspirations</a>
+          <a href="/inspirations">Inspirations</a>
           <span class="pill pill--secondary">Nouveauté</span>
         </li>
       </ul>
@@ -59,7 +59,7 @@
 <style scoped>
 
 button[aria-controls="menu"] {
-  position: absolute;
+  position: fixed;
   z-index: 10;
   width: 2.5rem;
   height: 2.5rem;
@@ -88,6 +88,9 @@ button[aria-controls="menu"][aria-expanded="false"] {
   --direction: column;
   --items: flex-start;
   --wrap: no-wrap;
+  position: -webkit-sticky;
+  position: sticky;
+  top: var(--gutter);
   width: var(--sidebar-width);
   height: calc(100vh - var(--gutter) * 2);
   height: calc(100dvh - var(--gutter) * 2);