Improved cluster ui

nimiq · Oct 3, 2023 · 808e248 · 808e248
1 parent d6d3838
commit 808e248
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/markers/ClusterMarkers.vue b/src/components/markers/ClusterMarkers.vue
@@ -62,7 +62,7 @@ function onClusterClick({ expansionZoom, lat, lng }: Cluster) {
       >
         <li class="relative z-10">
           <div
-            class="grid text-sm font-bold text-white transition-colors rounded-full shadow cursor-pointer aspect-square place-content-center bg-space hover:bg-[#35395A] focus:bg-[#35395A] ring-white/20 ring-2 ring-offset-1 ring-offset-white/40 max-desktop:clickable" :style="`width: ${c.diameter}px; font-size: clamp(14px, ${0.14 * c.count + 4}px, 18px)`"
+            class="grid text-sm font-bold text-white transition-colors rounded-full shadow cursor-pointer aspect-square place-content-center bg-space hover:bg-[#35395A] focus:bg-[#35395A] border border-white/20 max-desktop:clickable" :style="`width: ${c.diameter}px; font-size: clamp(14px, ${0.14 * c.count + 4}px, 18px)`"
             @pointerdown="isMobile && c.cryptocities.length > 0 ? toggleClusterExpansion(c) : onClusterClick(c)"
           >
             {{ c.count < 100 ? c.count : '99+' }}