campfire/astro/src/styles/map.css
Manitej Boorgu ae4b1e8519
feat: add map + under construction pages (#11)
* feat: add map

* feat: move map to top

* feat: move map + 404

* feat: add record id to table

* chore: prisma generated files

* feat: record record ids

* feat: fillout events param
2026-01-20 22:26:42 -05:00

66 lines
1.9 KiB
CSS

.leaflet-container {
background: linear-gradient(135deg, #CCF4FD 0%, #B8D9F8 100%) !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.leaflet-control-zoom a {
background: #44DBC8 !important;
border: 2px solid #3CC2AF !important;
color: white !important;
border-radius: 8px !important;
box-shadow: 0 4px 12px rgba(68, 219, 200, 0.3) !important;
transition: all 0.2s ease-in-out !important;
}
.leaflet-control-zoom a:hover {
background: #3CC2AF !important;
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(68, 219, 200, 0.4) !important;
}
.leaflet-control-attribution {
background: rgba(252, 247, 196, 0.9) !important;
border: 1px solid #D3B180 !important;
border-radius: 8px !important;
color: #78531D !important;
font-family: 'Atkinson Hyperlegible', system-ui, sans-serif !important;
backdrop-filter: blur(8px) !important;
display: none !important;
}
.leaflet-control-attribution a {
color: #4477A3 !important;
text-decoration: none !important;
}
.leaflet-control-attribution a:hover {
color: #44DBC8 !important;
}
.custom-popup .leaflet-popup-content-wrapper {
background: #FFFBDF !important;
border: 1px solid #D3B180 !important;
border-radius: 8px !important;
box-shadow: 0 4px 8px rgba(211, 177, 128, 0.15) !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}
.custom-popup .leaflet-popup-content {
margin: 8px 12px !important;
color: #78531D !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
}
.custom-popup .leaflet-popup-tip {
background: #FFFBDF !important;
border: 1px solid #D3B180 !important;
border-top: none !important;
border-right: none !important;
}
.leaflet-tile-pane {
filter: hue-rotate(5deg) saturate(0.8) brightness(1.1) !important;
}