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