Site :

- add search bar mobile

docker-compose/requirements/djangoserver/file/server/server/templates/lobbyPage.html

@@ -14,6 +14,11 @@
 		<p>Logout</p>
 	</div>
 </div>
+<div class="search-container-mobile">
+	<input type="text" placeholder="Search..." class="search-input" id="searchInputUser" autocomplete="off">
+</div>
+<div id="searchResult">
+</div>
 <div id="chatButton">
 	<span class="notification-badge"></span>
 	<img src="/static/img/homePage/bulle.png">

docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css

@@ -402,6 +402,12 @@ body {
 	width: 30%;
 }
 
+.search-container-mobile {
+	display: none;
+	align-items: flex-start;
+	width: 30%;
+}
+
 .search-input {
 	width: 100%;
 	padding: 10px;
@@ -618,6 +624,17 @@ input:checked + .slider:before {
 	.search-container {
 		display: none;
 	}
+	.search-container-mobile {
+		width: 100%;
+		position: absolute;
+		display: flex;
+	}
+	  
+	.search-input input {
+		left: 50%;
+		transform: translate(-50%);
+		width: 90%;
+	}
 	.menuSelected {
 		flex-direction: column;
 	}