Better filter appearance and performance

This commit is contained in:
Alexis
2026-04-01 22:28:49 +02:00
parent 3b81dea46c
commit 3cb6043859
6 changed files with 106 additions and 69 deletions

View File

@@ -17,3 +17,39 @@ defineProps<{
<BikeMarker v-once v-for="park in parkings" :key="park.id_parc_velo" :park :group />
</LMarkerClusterGroup>
</template>
<style lang="scss">
.marker-cluster div {
font-family: var(--default-font-family);
font-size: .9em;
}
.marker-cluster span {
font-weight: var(--font-weight-bold);
opacity: .85;
}
.marker-cluster-small {
background-color: color-mix(in srgb, var(--color-green-500) 12.5%, transparent);
div {
background-color: color-mix(in srgb, var(--color-green-500) 20%, transparent);
}
}
.marker-cluster-medium {
background-color: color-mix(in srgb, var(--color-yellow-400) 12.5%, transparent);
div {
background-color: color-mix(in srgb, var(--color-yellow-400) 20%, transparent);
}
}
.marker-cluster-large {
background-color: color-mix(in srgb, var(--color-rose-400) 12.5%, transparent);
div {
background-color: color-mix(in srgb, var(--color-rose-400) 20%, transparent);
}
}
</style>