fix(Leaflet): 🚸 all marker cluster same color

FIX: #108
sledilnik · Dec 19, 2021 · c271e28 · c271e28
1 parent 9700cf2
commit c271e28
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/pages/styles/Home.js b/src/pages/styles/Home.js
@@ -16,6 +16,15 @@ export const Box = styled(MuiBox)(({ theme }) => ({
   '& .leaflet-container': {
     height: SIZES.MAP_HEIGHT.default,
   },
+
+  '.marker-cluster-small, .marker-cluster-medium, .marker-cluster-large': {
+    backgroundColor: `${theme.customColors.brand}40`,
+  },
+  '.marker-cluster-small div, .marker-cluster-medium div, .marker-cluster-large div': {
+    opacity: 0.7,
+    backgroundColor: theme.customColors.brand,
+  },
+
   [theme.breakpoints.up('sm')]: {
     '& .leaflet-container': {
       height: SIZES.MAP_HEIGHT.upSmall,