From a1e732f167d9c1665a57c1ca98aaa1a15a1cf035 Mon Sep 17 00:00:00 2001
From: AdrienLSH <git.adrienlsh@42l.fr>
Date: Tue, 16 Jan 2024 15:19:33 +0100
Subject: [PATCH] dropdown menu

---
 frontend/templates/index.html | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/templates/index.html b/frontend/templates/index.html
index 7bdefb3..71df47f 100644
--- a/frontend/templates/index.html
+++ b/frontend/templates/index.html
@@ -20,9 +20,15 @@
 				<a href="/login" class="nav-link" data-link>Login</a>
 				<a href="/register" class="nav-link" data-link>Register</a>
 			</div>
-			<div id='navbarLoggedIn' class='d-flex flex-row gap-2 d-none'>
-				<a href="/me" class="nav-link" data-link>My Profile</a>
-				<a href="/logout" class="nav-link" data-link>Logout</a>
+			<div id='navbarLoggedIn' class='d-none nav-item dropdown'>
+				<a class='nav-link dropdown-toggle' href='#' role='button' data-bs-toggle='dropdown' aria-expanded='false'>
+					Me
+				</a>
+				<div class='dropdown-menu dropdown-menu-end position-absolute text-end px-2' style='min-width: 100px'>
+					<a href="/me" class="dropdow-item nav-link" data-link>My Profile</a>
+					<hr class='dropdown-separator my-auto'></hr>
+					<a href="/logout" class="dropdow-item nav-link" data-link>Logout</a>
+				</div>
 			</div>
 		</div>
 	</div>