Site :

- add search bar mobile
2024-11-17 20:50:43 +01:00
parent 3647853e0c
commit b8e558c2d2
2 changed files with 22 additions and 0 deletions
--- a/docker-compose/requirements/nginx/static/style/lobbyPage/lobbyPage.css
+++ b/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;
 	}