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 22:09:20 -05:00
parent 460c7b76c7
commit dcea292c4c
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/styles/mapMarkers.css
View File

@ -16,9 +16,9 @@
align-items: center; align-items: center;
padding: 4px 8px; padding: 4px 8px;
border-radius: 999px; border-radius: 999px;
background: rgba(6, 40, 80, 0.95); background: rgba(6, 40, 80, 0.98); /* transparence intacte */
border: 1px solid rgba(80, 180, 255, 0.9); border: 3px solid #000; /* contour plus épais */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6); /* ombre plus forte */
max-width: 180px; max-width: 180px;
} }
.post-pin-dot { width:10px; height:10px; border-radius:999px; background:#ff8a00; margin-right:6px; flex-shrink:0; } .post-pin-dot { width:10px; height:10px; border-radius:999px; background:#ff8a00; margin-right:6px; flex-shrink:0; }
@ -33,7 +33,7 @@
height: 0; height: 0;
border-left: 7px solid transparent; border-left: 7px solid transparent;
border-right: 7px solid transparent; border-right: 7px solid transparent;
border-top: 9px solid rgba(6, 40, 80, 0.95); border-top: 9px solid rgba(6, 40, 80, 0.98); /* transparence intacte */
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6)); filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.6));
} }
@ -55,8 +55,8 @@
/* FIX: Grosses cartes (expanded/full) - fond opaque + couleurs propres par catégorie */ /* FIX: Grosses cartes (expanded/full) - fond opaque + couleurs propres par catégorie */
.sw-centered-modal .post-card.sw-expanded-shell { .sw-centered-modal .post-card.sw-expanded-shell {
background: rgba(15, 23, 42, 0.98) !important; /* opaque */ background: rgba(15, 23, 42, 0.98) !important; /* transparence intacte */
border: 1px solid rgba(148, 163, 184, 0.9) !important; border: 3px solid #000 !important; /* contour plus épais */
box-shadow: 0 12px 30px rgba(0,0,0,0.7), 0 0 16px rgba(56,189,248,0.5) !important; box-shadow: 0 12px 30px rgba(0,0,0,0.7), 0 0 16px rgba(56,189,248,0.5) !important;
padding: 12px 14px; padding: 12px 14px;
color: #e5e7eb !important; /* texte blanc clair */ color: #e5e7eb !important; /* texte blanc clair */
@ -86,8 +86,9 @@
/* Hero (image en haut) + titre + stats : lisibles */ /* Hero (image en haut) + titre + stats : lisibles */
.sw-modal-hero { .sw-modal-hero {
background: rgba(15, 23, 42, 0.98) !important; background: rgba(15, 23, 42, 0.98) !important; /* transparence intacte */
border: 1px solid rgba(148, 163, 184, 0.6) !important; border: 3px solid #000 !important; /* contour plus épais */
box-shadow: 0 12px 30px rgba(0,0,0,0.7), 0 0 16px rgba(56,189,248,0.5) !important;
} }
.sw-modal-title, .sw-modal-title,
.sw-modal-summary, .sw-modal-summary,
@ -295,7 +296,7 @@
/* SW_EXPANDED_POLISH */ /* SW_EXPANDED_POLISH */
.post-pin--expanded .post-card{ .post-pin--expanded .post-card{
background: linear-gradient(135deg, rgba(56,189,248,0.16), rgba(7,18,37,0.98) 55%, rgba(2,6,23,0.98)); background: linear-gradient(135deg, rgba(56,189,248,0.16), rgba(7,18,37,0.98) 55%, rgba(2,6,23,0.98));
border: 1px solid rgba(96,165,250,0.75); border: 3px solid #000 !important; /* contour plus épais */
box-shadow: 0 18px 60px rgba(0,0,0,0.55), 0 0 24px rgba(56,189,248,0.22); box-shadow: 0 18px 60px rgba(0,0,0,0.55), 0 0 24px rgba(56,189,248,0.22);
} }
@ -310,7 +311,7 @@
letter-spacing: .04em; letter-spacing: .04em;
color: #d7f3ff; color: #d7f3ff;
background: rgba(56,189,248,0.16); background: rgba(56,189,248,0.16);
border: 1px solid rgba(56,189,248,0.35); border: 3px solid #000 !important; /* contour plus épais */
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -374,7 +375,7 @@
font-weight: 900; font-weight: 900;
letter-spacing: .06em; letter-spacing: .06em;
background: rgba(56,189,248,0.16); background: rgba(56,189,248,0.16);
border: 1px solid rgba(90, 190, 255, 0.28); border: 3px solid #000 !important; /* contour plus épais */
color:#D7F3FF; color:#D7F3FF;
text-transform: uppercase; text-transform: uppercase;
} }
@ -407,8 +408,8 @@
height: 180px; height: 180px;
border-radius: 16px; border-radius: 16px;
overflow:hidden; overflow:hidden;
border: 1px solid rgba(90, 190, 255, 0.22); border: 3px solid #000 !important; /* contour plus épais */
background: radial-gradient(circle at 30% 30%, rgba(56,189,248,0.18), rgba(3,14,32,0.85)); background: radial-gradient(circle at 30% 30%, rgba(56,189,248,0.18), rgba(3,14,32,0.98));
box-shadow: 0 10px 24px rgba(0,0,0,0.35); box-shadow: 0 10px 24px rgba(0,0,0,0.35);
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -423,7 +424,7 @@
.sw-modal-hero-fallback{ .sw-modal-hero-fallback{
width:100%; width:100%;
height:100%; height:100%;
background: radial-gradient(circle at 35% 35%, rgba(56,189,248,0.22), rgba(3,14,32,0.85)); background: radial-gradient(circle at 35% 35%, rgba(56,189,248,0.22), rgba(3,14,32,0.98));
} }
.sw-modal-title{ .sw-modal-title{