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:57:50 -05:00
parent c9acffee26
commit 91e43c8c53
2 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main.jsx
View File

@ -14,6 +14,7 @@ import "./styles/auth-modal.css";
import "./styles/auth-toast.css"; import "./styles/auth-toast.css";
import "./styles/filters.css"; import "./styles/filters.css";
import "./styles/mapMarkers.css"; import "./styles/mapMarkers.css";
import "./styles/maps.css"; // ✅ pour la barre de recherche (taille + couleurs)
import { AuthProvider } from "./auth/AuthContext.jsx"; import { AuthProvider } from "./auth/AuthContext.jsx";

34
src/styles/maps.css
View File

@ -1,54 +1,54 @@
/* === SEARCH BAR OVERRIDES (taille + couleurs par thème) === */ /* === SEARCH BAR OVERRIDES (taille + couleurs par thème) === */
.sw-search-bar { /* On vise ta classe réelle: .sw-searchbar (celle utilisée dans MapView.jsx) */
/* 75% de l'écran, max 520px */ .sw-searchbar {
/* 75% de l'écran, max 520px, toujours propre */
width: min(75vw, 520px); width: min(75vw, 520px);
} }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.sw-search-bar { .sw-searchbar {
width: min(75vw, 520px); width: min(75vw, 520px);
} }
} }
/* Couleur du texte dans l'input selon le thème */ /* Couleur du texte dans l'input selon le thème */
html[data-theme="dark"] .sw-search-input, body[data-theme="dark"] .sw-search-input,
html[data-theme="blue"] .sw-search-input { body[data-theme="blue"] .sw-search-input {
color: #f9fafb; /* blanc */ color: #f9fafb; /* blanc */
} }
html[data-theme="light"] .sw-search-input { body[data-theme="light"] .sw-search-input {
color: #111827; /* noir foncé */ color: #111827; /* noir foncé */
} }
/* Placeholder suivant le thème */ /* Placeholder suivant le thème */
html[data-theme="dark"] .sw-search-input::placeholder, body[data-theme="dark"] .sw-search-input::placeholder,
html[data-theme="blue"] .sw-search-input::placeholder { body[data-theme="blue"] .sw-search-input::placeholder {
color: #6b7280; color: #6b7280;
} }
html[data-theme="light"] .sw-search-input::placeholder { body[data-theme="light"] .sw-search-input::placeholder {
color: #9ca3af; color: #9ca3af;
} }
/* Résultats: fond & texte suivant le thème (si tu as un dropdown) */ /* (optionnel) Si tu utilises plus tard SmartSearchBar avec un dropdown */
html[data-theme="dark"] .sw-search-results, body[data-theme="dark"] .sw-search-results,
html[data-theme="blue"] .sw-search-results { body[data-theme="blue"] .sw-search-results {
background: rgba(6, 12, 30, 0.98); background: rgba(6, 12, 30, 0.98);
color: #f9fafb; color: #f9fafb;
} }
html[data-theme="light"] .sw-search-results { body[data-theme="light"] .sw-search-results {
background: rgba(255, 255, 255, 0.98); background: rgba(255, 255, 255, 0.98);
color: #111827; color: #111827;
} }
html[data-theme="dark"] .sw-search-result-item:hover, body[data-theme="dark"] .sw-search-result-item:hover,
html[data-theme="blue"] .sw-search-result-item:hover { body[data-theme="blue"] .sw-search-result-item:hover {
background: rgba(15, 23, 42, 0.9); background: rgba(15, 23, 42, 0.9);
} }
html[data-theme="light"] .sw-search-result-item:hover { body[data-theme="light"] .sw-search-result-item:hover {
background: #f3f4f6; background: #f3f4f6;
} }