From a0ba6e1fc1cb3f8e66cb12ff68f8754b025d8457 Mon Sep 17 00:00:00 2001
From: "gwenael.planchon" <gwenael.planchon@etu.uca.fr>
Date: Fri, 29 Mar 2024 16:17:04 +0100
Subject: [PATCH] mettre lien profil dans le drop down + changer dropstart en
 dropdown-menu-end

---
 science-quest/src/components/Titre.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/science-quest/src/components/Titre.vue b/science-quest/src/components/Titre.vue
index cb65262..c64b9da 100644
--- a/science-quest/src/components/Titre.vue
+++ b/science-quest/src/components/Titre.vue
@@ -65,25 +65,24 @@ export default {
         <!-- cote droit -->
         <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
           <button id="boutondarkmode" class="btn" v-on:click="changerDarkMode">💡</button>
-          <li class="nav-item dropstart">
+          <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
               {{ utilisateur ? utilisateur?.pseudo : "Mon compte" }}
             </a>
-            <ul class="dropdown-menu">
-              aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+            <ul class="dropdown-menu dropdown-menu-end">
               <div v-if="!estConnecte">
                 <li><router-link class="dropdown-item" to="/login">Se connecter</router-link></li>
                 <li><router-link class="dropdown-item" to="/login">Se connecter en tant qu'invité</router-link></li>
               </div>
+              <div v-if="estConnecte">
+                <router-link class="nav-link" to="/profil">{{ utilisateur.pseudo }}</router-link>
+              </div>
               <li>
                 <hr class="dropdown-divider">
               </li>
               <li><router-link class="dropdown-item disabled" to="/qui_est_ce">Qui-est-ce</router-link></li>
             </ul>
           </li>
-          <div v-if="estConnecte">
-            <router-link class="nav-link" to="/profil">{{ utilisateur.pseudo }}</router-link>
-          </div>
         </ul>
       </div>
     </div>