canastack-admin
/
sw-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/map.css
View File

@ -243,7 +243,7 @@
box-shadow: 0 5px 12px rgba(0,0,0,.70), 0 0 14px rgba(56,189,248,.22); box-shadow: 0 5px 12px rgba(0,0,0,.70), 0 0 14px rgba(56,189,248,.22);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
min-height: 38px; min-height: 38px;
width:100%; width: 100%; /* ✅ prend toute la largeur de son conteneur */
} }
.sw-searchbar:focus-within{ .sw-searchbar:focus-within{
@ -310,6 +310,7 @@ body[data-theme="light"] .sw-search-clear{
/* ===== TOP ROW: search + 2 icônes ===== */ /* ===== TOP ROW: search + 2 icônes ===== */
/* Ligne entière */
.sw-top-row{ .sw-top-row{
display:flex; display:flex;
align-items:center; align-items:center;
@ -318,16 +319,15 @@ body[data-theme="light"] .sw-search-clear{
width:100%; width:100%;
} }
/* search ~45% à gauche */ /* ✅ Search = prend tout, icônes juste ce qu’il faut */
.sw-top-search{ .sw-top-search{
flex:0 0 30%; flex: 1 1 auto;
max-width:30%; max-width: 100%;
} }
/* bloc des 2 boutons ~55% à droite */ /* bloc des 2 boutons à droite, taille compacte */
.map-top-actions{ .map-top-actions{
flex:0 0 70%; flex: 0 0 auto;
max-width:70%;
display:flex; display:flex;
flex-direction:row; flex-direction:row;
align-items:center; align-items:center;
@ -369,7 +369,7 @@ body[data-theme="light"] .sw-search-clear{
letter-spacing:0.04em; 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){ @media (max-width:480px){
.sw-top-row{ .sw-top-row{
gap:0.5rem; gap:0.5rem;
@ -385,9 +385,3 @@ body[data-theme="light"] .sw-search-clear{
display:none !important; 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 */
}