refactor: move dark mode styles for leaflet layer to globals.css

fityannugroho · Nov 12, 2024 · ce3a6c1 · ce3a6c1
1 parent 83bcfff
commit ce3a6c1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/app/globals.css b/app/globals.css
@@ -96,4 +96,9 @@
       @apply bg-card text-card-foreground;
     }
   }
+
+  /* Tile layer */
+  .leaflet-layer {
+    @apply dark:hue-rotate-180 dark:invert dark:contrast-[.90] dark:brightness-90;
+  }
 }
diff --git a/components/map.tsx b/components/map.tsx
@@ -23,7 +23,6 @@ export default function Map({
       <TileLayer
         attribution='<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>'
         url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
-        className="dark:hue-rotate-180 dark:invert dark:contrast-[.90] dark:brightness-90"
       />
       {children}
     </MapContainer>