update frontend

This commit is contained in:
Your Name 2025-12-21 00:13:59 -05:00
parent 91e43c8c53
commit 699c4eb804
1 changed files with 8 additions and 14 deletions

View File

@ -243,7 +243,7 @@
box-shadow: 0 5px 12px rgba(0,0,0,.70), 0 0 14px rgba(56,189,248,.22);
backdrop-filter: blur(10px);
min-height: 38px;
width:100%;
width: 100%; /* ✅ prend toute la largeur de son conteneur */
}
.sw-searchbar:focus-within{
@ -310,6 +310,7 @@ body[data-theme="light"] .sw-search-clear{
/* ===== TOP ROW: search + 2 icônes ===== */
/* Ligne entière */
.sw-top-row{
display:flex;
align-items:center;
@ -318,16 +319,15 @@ body[data-theme="light"] .sw-search-clear{
width:100%;
}
/* search ~45% à gauche */
/* ✅ Search = prend tout, icônes juste ce quil faut */
.sw-top-search{
flex:0 0 30%;
max-width:30%;
flex: 1 1 auto;
max-width: 100%;
}
/* bloc des 2 boutons ~55% à droite */
/* bloc des 2 boutons à droite, taille compacte */
.map-top-actions{
flex:0 0 70%;
max-width:70%;
flex: 0 0 auto;
display:flex;
flex-direction:row;
align-items:center;
@ -369,7 +369,7 @@ body[data-theme="light"] .sw-search-clear{
letter-spacing:0.04em;
}
/* petits écrans : on laisse 45/55 mais on compresse un peu les boutons */
/* petits écrans : on compresse un peu les boutons */
@media (max-width:480px){
.sw-top-row{
gap:0.5rem;
@ -385,9 +385,3 @@ body[data-theme="light"] .sw-search-clear{
display:none !important;
}
/* ===== SocioWire: override top search bar width ===== */
/* Change 260px pour ajuster la longueur réelle de la barre */
input[placeholder*="Look at"] {
width: 260px; /* longueur de la barre */
max-width: 80vw; /* pour éviter qu'elle dépasse sur petits écrans */
}