From 4cf00533d06e574e830a1ba4214ac5075df8b684 Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 4 Sep 2024 19:12:29 +0200
Subject: [PATCH] Update Menu component: replace header h2 by p, fix header
 font-size and sticky gradient z-index

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

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index cfe7ccc..e9ee470 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -7,7 +7,7 @@
   </button>
   <div v-if="isExpanded" id="menu" class="flex | rounded-lg">
     <header class="w-full | flex">
-      <h2>Nom du service</h2>
+      <p>Nom du service</p>
     </header>
     <nav class="w-full | flow">
       <ul class="flex">
@@ -105,7 +105,7 @@ button[aria-controls="menu"][aria-expanded="false"] {
   padding-left: var(--gap);
   min-height: var(--space-40);
   font-family: var(--font-serif);
-  font-size: var(--text-lg);
+  font-size: var(--text-md);
   background: var(--color-background);
   position: -webkit-sticky;
   position: sticky;
@@ -120,6 +120,7 @@ button[aria-controls="menu"][aria-expanded="false"] {
   left: 0;
   right: 0;
   bottom: -2rem;
+  z-index: -1;
   background: linear-gradient(to bottom, var(--color-background) 0%, var(--color-background) 75%, transparent 100%);
 }