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-20 23:01:13 -05:00
parent 9bf86deb06
commit 1e1f74096c
1 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
src/styles/overlays.css
View File

@ -267,3 +267,67 @@ body[data-theme="light"] .sw-search-clear{
font-size:0.75rem; font-size:0.75rem;
} }
} }
/* === Top bar : 75% search / 25% boutons === */
.map-overlay-top{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
gap:0.75rem;
}
/* Search = 75% */
.map-overlay-top .sw-searchbar{
flex:0 0 75%;
max-width:75%;
}
/* Bloc 2 boutons = 25% */
.map-overlay-top .map-top-actions{
flex:0 0 25%;
max-width:25%;
display:flex;
justify-content:flex-end;
gap:0.5rem;
}
/* === Style des deux boutons à droite === */
.map-top-actions .map-action-btn{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:0.35rem 0.55rem;
border-radius:999px; /* pastille bien ronde */
background:rgba(5, 25, 60, 0.25); /* fond presque transparent */
border:1px solid rgba(255,255,255,0.15);
box-shadow:0 6px 14px rgba(0,0,0,0.35);
backdrop-filter:blur(8px); /* effet verre comme le reste */
}
/* Icône Font Awesome */
.map-top-actions .map-action-btn i{
display:block;
font-size:1.05rem;
margin-bottom:0.15rem;
}
/* Texte sous l’icône (MY SPOT / NEW WIRE) */
.map-top-actions .map-action-btn span{
font-size:0.65rem;
font-weight:600;
letter-spacing:0.03em;
}
/* Petits écrans */
@media (max-width:480px){
.map-overlay-top{
gap:0.4rem;
}
.map-top-actions .map-action-btn{
padding:0.3rem 0.45rem;
}
}