From 7953e05241bd5c0eafe87be0c18126db4dcd62aa Mon Sep 17 00:00:00 2001
From: Davide Scaini <davide.scaini@alumni.cern>
Date: Sun, 17 May 2026 09:06:04 +0200
Subject: [PATCH] Fix build: use class ternary instead of class: directive for
 Tailwind /opacity class

---
 site/src/components/ActivityDetail.svelte | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/site/src/components/ActivityDetail.svelte b/site/src/components/ActivityDetail.svelte
index d486e3f..68f3cce 100644
--- a/site/src/components/ActivityDetail.svelte
+++ b/site/src/components/ActivityDetail.svelte
@@ -439,12 +439,7 @@
         s.key === 'elevation'  && hasElevTrack    ? 'elevation' :
         s.key === 'cadence'    && hasCadenceTrack ? 'cadence'   : null}
       <div
-        class="bg-zinc-900 px-4 py-3 transition-colors relative"
-        class:hover:bg-zinc-800={cm !== null}
-        class:cursor-pointer={cm !== null}
-        class:ring-1={cm !== null && stickyMode === cm}
-        class:ring-inset={cm !== null && stickyMode === cm}
-        class:ring-white/25={cm !== null && stickyMode === cm}
+        class="bg-zinc-900 px-4 py-3 transition-colors {cm ? 'hover:bg-zinc-800 cursor-pointer' : ''} {cm && stickyMode === cm ? 'ring-1 ring-inset ring-white/25' : ''}"
         role={cm ? 'button' : 'none'}
         tabindex={cm ? 0 : -1}
         on:mouseenter={() => { if (cm) colorMode = cm; }}