fix(events): replace phantom candlelight Tailwind with --candle var

This commit is contained in:
Jennie Robinson Faber 2026-04-29 18:30:29 +01:00
parent e19b16a5cc
commit dc2becf63e
2 changed files with 14 additions and 8 deletions

View file

@ -160,12 +160,16 @@
</div>
<!-- Already Registered -->
<div v-else-if="alreadyRegistered" class="p-4 bg-candlelight-900/20 border border-candlelight-700/30 rounded-lg">
<div
v-else-if="alreadyRegistered"
class="p-4"
style="background: color-mix(in srgb, var(--candle) 15%, transparent); border: 1px solid var(--candle)"
>
<div class="flex items-start gap-3">
<Icon name="heroicons:check-badge" class="w-6 h-6 text-candlelight-400 flex-shrink-0" />
<Icon name="heroicons:check-badge" class="w-6 h-6 flex-shrink-0" style="color: var(--candle)" />
<div>
<div class="font-semibold text-candlelight-300 mb-1">You're Registered!</div>
<div class="text-sm text-candlelight-400">
<div class="font-semibold mb-1" style="color: var(--candle)">You're Registered!</div>
<div class="text-sm" style="color: var(--candle)">
You have a series pass and are registered for all {{ totalEvents }} events.
</div>
</div>