fix nav in mobile

This commit is contained in:
quoije
2025-02-11 21:15:05 -05:00
parent 94cea8f1d1
commit 1b5f92c61c
3 changed files with 23 additions and 20 deletions
+4 -3
View File
@@ -64,14 +64,15 @@
<div class="navbar-nav"> <div class="navbar-nav">
<a href="movies.html" class="nav-link btn btn-outline-light me-2">Films</a> <a href="movies.html" class="nav-link btn btn-outline-light me-2">Films</a>
<a href="checklist.html" class="nav-link btn btn-outline-light me-2">Checklist</a> <a href="checklist.html" class="nav-link btn btn-outline-light me-2">Checklist</a>
<a href="user-stat.html" class="nav-link btn btn-outline-light">Statistiques</a> <a href="user-stat.html" class="nav-link btn btn-outline-light me-lg-2 mb-2 mb-lg-0">Statistiques</a>
</div> </div>
</div> <!-- Move user info inside collapsible navbar and align it properly -->
<div class="d-flex"> <div class="d-flex ms-auto mt-2 mt-lg-0 align-items-center">
<span id="user-name" class="navbar-text me-3"></span> <span id="user-name" class="navbar-text me-3"></span>
<button id="log-off" class="btn btn-danger">Déconnexion</button> <button id="log-off" class="btn btn-danger">Déconnexion</button>
</div> </div>
</div> </div>
</div>
</nav> </nav>
<div class="container mt-5"> <div class="container mt-5">
+4 -3
View File
@@ -79,14 +79,15 @@
<div class="navbar-nav"> <div class="navbar-nav">
<a href="movies.html" class="nav-link btn btn-outline-light me-2">Films</a> <a href="movies.html" class="nav-link btn btn-outline-light me-2">Films</a>
<a href="checklist.html" class="nav-link btn btn-outline-light me-2">Checklist</a> <a href="checklist.html" class="nav-link btn btn-outline-light me-2">Checklist</a>
<a href="user-stat.html" class="nav-link btn btn-outline-light">Statistiques</a> <a href="user-stat.html" class="nav-link btn btn-outline-light me-lg-2 mb-2 mb-lg-0">Statistiques</a>
</div> </div>
</div> <!-- Move user info inside collapsible navbar and align it properly -->
<div class="d-flex"> <div class="d-flex ms-auto mt-2 mt-lg-0 align-items-center">
<span id="user-name" class="navbar-text me-3"></span> <span id="user-name" class="navbar-text me-3"></span>
<button id="log-off" class="btn btn-danger">Déconnexion</button> <button id="log-off" class="btn btn-danger">Déconnexion</button>
</div> </div>
</div> </div>
</div>
</nav> </nav>
<div class="container mt-5"> <div class="container mt-5">
+4 -3
View File
@@ -47,14 +47,15 @@
<div class="navbar-nav"> <div class="navbar-nav">
<a href="movies.html" class="nav-link btn btn-outline-light me-2">Films</a> <a href="movies.html" class="nav-link btn btn-outline-light me-2">Films</a>
<a href="checklist.html" class="nav-link btn btn-outline-light me-2">Checklist</a> <a href="checklist.html" class="nav-link btn btn-outline-light me-2">Checklist</a>
<a href="user-stat.html" class="nav-link btn btn-outline-light">Statistiques</a> <a href="user-stat.html" class="nav-link btn btn-outline-light me-lg-2 mb-2 mb-lg-0">Statistiques</a>
</div> </div>
</div> <!-- Move user info inside collapsible navbar and align it properly -->
<div class="d-flex"> <div class="d-flex ms-auto mt-2 mt-lg-0 align-items-center">
<span id="user-name" class="navbar-text me-3"></span> <span id="user-name" class="navbar-text me-3"></span>
<button id="log-off" class="btn btn-danger">Déconnexion</button> <button id="log-off" class="btn btn-danger">Déconnexion</button>
</div> </div>
</div> </div>
</div>
</nav> </nav>
<div class="container mt-5"> <div class="container mt-5">