Fix build: use class ternary instead of class: directive for Tailwind /opacity class
This commit is contained in:
@@ -439,12 +439,7 @@
|
|||||||
s.key === 'elevation' && hasElevTrack ? 'elevation' :
|
s.key === 'elevation' && hasElevTrack ? 'elevation' :
|
||||||
s.key === 'cadence' && hasCadenceTrack ? 'cadence' : null}
|
s.key === 'cadence' && hasCadenceTrack ? 'cadence' : null}
|
||||||
<div
|
<div
|
||||||
class="bg-zinc-900 px-4 py-3 transition-colors relative"
|
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' : ''}"
|
||||||
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}
|
|
||||||
role={cm ? 'button' : 'none'}
|
role={cm ? 'button' : 'none'}
|
||||||
tabindex={cm ? 0 : -1}
|
tabindex={cm ? 0 : -1}
|
||||||
on:mouseenter={() => { if (cm) colorMode = cm; }}
|
on:mouseenter={() => { if (cm) colorMode = cm; }}
|
||||||
|
|||||||
Reference in New Issue
Block a user