d474ddcc41
Dieser Commit führt die Nutzung von Tailwind CSS Utility-Klassen in der MapComponent ein, um eine konsistente und effiziente Stilgebung zu gewährleisten. Folgende Änderungen wurden vorgenommen: - Hinzufügung von Tailwind-Klassen zu Popups und Tooltips, um das Erscheinungsbild der UI-Elemente zu standardisieren. - Anwendung von Text- und Background-Utility-Klassen auf verschiedene Elemente innerhalb der Marker-Popups, um die Lesbarkeit und Benutzerfreundlichkeit zu erhöhen. - Optimierung der bestehenden CSS-Klassen durch Tailwind-Utilities, um die Notwendigkeit manueller CSS-Definitionen zu reduzieren und die Wartbarkeit des Codes zu verbessern. Diese Änderungen tragen dazu bei, das visuelle Erscheinungsbild der Karten-Interaktionen zu vereinheitlichen und die Anpassung an das bestehende Design-System zu erleichtern.
19 lines
475 B
CSS
19 lines
475 B
CSS
/* styles/global.css */
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
@import "leaflet/dist/leaflet.css";
|
|
|
|
.tooltip-tailwind .leaflet-tooltip {
|
|
@apply bg-white text-black p-2 border border-gray-300 rounded shadow !important;
|
|
}
|
|
.leaflet-popup-content {
|
|
min-width: 250px; /* Adjust the width based on your requirements */
|
|
}
|
|
/* src/global.css */
|
|
.custom-marker-icon {
|
|
background-color: red !important;
|
|
padding: 10px !important;
|
|
color: white !important;
|
|
}
|