fix nav in mobile
This commit is contained in:
@@ -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
@@ -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">
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user