Fix build: use class ternary instead of class: directive for Tailwind /opacity class

This commit is contained in:
Davide Scaini
2026-05-17 09:06:04 +02:00
parent db9b4ce32c
commit 7953e05241
+1 -6
View File
@@ -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; }}