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/filters.css";
import "./styles/mapMarkers.css";
import "./styles/maps.css"; // ✅ pour la barre de recherche (taille + couleurs)
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) === */
.sw-search-bar {
/* 75% de l'écran, max 520px */
/* On vise ta classe réelle: .sw-searchbar (celle utilisée dans MapView.jsx) */
.sw-searchbar {
/* 75% de l'écran, max 520px, toujours propre */
width: min(75vw, 520px);
}
@media (min-width: 1024px) {
.sw-search-bar {
.sw-searchbar {
width: min(75vw, 520px);
}
}
/* Couleur du texte dans l'input selon le thème */
html[data-theme="dark"] .sw-search-input,
html[data-theme="blue"] .sw-search-input {
body[data-theme="dark"] .sw-search-input,
body[data-theme="blue"] .sw-search-input {
color: #f9fafb; /* blanc */
}
html[data-theme="light"] .sw-search-input {
body[data-theme="light"] .sw-search-input {
color: #111827; /* noir foncé */
}
/* Placeholder suivant le thème */
html[data-theme="dark"] .sw-search-input::placeholder,
html[data-theme="blue"] .sw-search-input::placeholder {
body[data-theme="dark"] .sw-search-input::placeholder,
body[data-theme="blue"] .sw-search-input::placeholder {
color: #6b7280;
}
html[data-theme="light"] .sw-search-input::placeholder {
body[data-theme="light"] .sw-search-input::placeholder {
color: #9ca3af;
}
/* Résultats: fond & texte suivant le thème (si tu as un dropdown) */
html[data-theme="dark"] .sw-search-results,
html[data-theme="blue"] .sw-search-results {
/* (optionnel) Si tu utilises plus tard SmartSearchBar avec un dropdown */
body[data-theme="dark"] .sw-search-results,
body[data-theme="blue"] .sw-search-results {
background: rgba(6, 12, 30, 0.98);
color: #f9fafb;
}
html[data-theme="light"] .sw-search-results {
body[data-theme="light"] .sw-search-results {
background: rgba(255, 255, 255, 0.98);
color: #111827;
}
html[data-theme="dark"] .sw-search-result-item:hover,
html[data-theme="blue"] .sw-search-result-item:hover {
body[data-theme="dark"] .sw-search-result-item:hover,
body[data-theme="blue"] .sw-search-result-item:hover {
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;
}