From 4ad776b26f8bccacb45b02f1d485cbbc4224d3ee Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Tue, 16 Jun 2026 13:04:12 +0200
Subject: [PATCH] fix(events): even out the Map empty-state icon transparency

The placeholder map icon used text-muted-foreground/30, applying alpha to
the stroke colour so the lucide icon's overlapping fold lines compounded
to a darker shade where they crossed the outline. Use element-level
opacity-30 with the full colour instead, so the whole icon fades
uniformly.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/modules/events/views/EventsMapPage.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/modules/events/views/EventsMapPage.vue b/src/modules/events/views/EventsMapPage.vue
index c814ef6..1836af5 100644
--- a/src/modules/events/views/EventsMapPage.vue
+++ b/src/modules/events/views/EventsMapPage.vue
@@ -34,7 +34,10 @@ onMounted(() => {
 
     <!-- No geotagged events -->
     <div v-else-if="!isLoading && geoEvents.length === 0" class="flex-1 flex flex-col items-center justify-center text-center px-4">
-      <Map class="w-16 h-16 text-muted-foreground/30 mb-4" />
+      <!-- opacity-30 on the element (not /30 on the colour) so the icon's
+           overlapping fold strokes fade uniformly instead of compounding
+           alpha where they overlap. -->
+      <Map class="w-16 h-16 text-muted-foreground opacity-30 mb-4" />
       <p class="text-muted-foreground">No geotagged events found</p>
       <p class="text-sm text-muted-foreground/70 mt-1">Events with location data will appear as markers on the map</p>
     </div>