From a614f381d3e0b44c1b5c09647bb80f3103041c17 Mon Sep 17 00:00:00 2001
From: Laurent <laurent@ollagnier.org>
Date: Sat, 24 Feb 2024 17:21:23 +0000
Subject: [PATCH] Positionnement du menu sous la barre d'application

---
 src/components/BrainBlastBar.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/BrainBlastBar.vue b/src/components/BrainBlastBar.vue
index 6c59103..f11f9f4 100644
--- a/src/components/BrainBlastBar.vue
+++ b/src/components/BrainBlastBar.vue
@@ -1,8 +1,7 @@
 <template>
   <v-app-bar :elevation="12">
-    <!-- TODO: Ici je voudrai ouvrir un menu en cliquant sur le v-app-bar-nav-icon -->
     <v-app-bar-nav-icon v-on:click="menu = !menu"></v-app-bar-nav-icon>
-    <v-menu v-model="menu">
+    <v-menu v-model="menu" class="menu-below-bar">
       <v-list>
         <v-list-item>Item 1</v-list-item>
         <v-list-item>Item 2</v-list-item>
@@ -29,3 +28,9 @@
   }
 
 </script>
+
+<style scoped>
+  .menu-below-bar {
+    margin-top: 48px; /* La hauteur de la barre d'application */
+  }
+</style>