your personal website on atproto - mirror
blento.app
flo-bit.dev
tiny timer card fix
+4
-4
src/lib/cards/TimerCard/TimerCard.svelte
+4
-4
src/lib/cards/TimerCard/TimerCard.svelte
···
122
{#if eventDays > 0}
123
<div class="flex flex-col items-center">
124
<NumberFlow value={eventDays} trend={-1} class="text-4xl font-bold" />
125
-
<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">days</span
126
>
127
</div>
128
{/if}
···
133
format={{ minimumIntegerDigits: 2 }}
134
class="text-3xl font-bold @xs:text-4xl @sm:text-5xl @md:text-6xl @lg:text-7xl"
135
/>
136
-
<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">hrs</span>
137
</div>
138
<div class="flex flex-col items-center">
139
<NumberFlow
···
143
digits={{ 1: { max: 5 } }}
144
class="text-3xl font-bold @xs:text-4xl @sm:text-5xl @md:text-6xl @lg:text-7xl"
145
/>
146
-
<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">min</span>
147
</div>
148
<div class="flex flex-col items-center">
149
<NumberFlow
···
153
digits={{ 1: { max: 5 } }}
154
class="text-3xl font-bold @xs:text-4xl @sm:text-5xl @md:text-6xl @lg:text-7xl"
155
/>
156
-
<span class="text-base-500 dark:text-base-400 accent:text-base-700 text-xs">sec</span>
157
</div>
158
</div>
159
</NumberFlowGroup>
···
122
{#if eventDays > 0}
123
<div class="flex flex-col items-center">
124
<NumberFlow value={eventDays} trend={-1} class="text-4xl font-bold" />
125
+
<span class="text-base-500 dark:text-base-400 accent:text-accent-950 text-xs">days</span
126
>
127
</div>
128
{/if}
···
133
format={{ minimumIntegerDigits: 2 }}
134
class="text-3xl font-bold @xs:text-4xl @sm:text-5xl @md:text-6xl @lg:text-7xl"
135
/>
136
+
<span class="text-base-500 dark:text-base-400 accent:text-accent-950 text-xs">hrs</span>
137
</div>
138
<div class="flex flex-col items-center">
139
<NumberFlow
···
143
digits={{ 1: { max: 5 } }}
144
class="text-3xl font-bold @xs:text-4xl @sm:text-5xl @md:text-6xl @lg:text-7xl"
145
/>
146
+
<span class="text-base-500 dark:text-base-400 accent:text-accent-950 text-xs">min</span>
147
</div>
148
<div class="flex flex-col items-center">
149
<NumberFlow
···
153
digits={{ 1: { max: 5 } }}
154
class="text-3xl font-bold @xs:text-4xl @sm:text-5xl @md:text-6xl @lg:text-7xl"
155
/>
156
+
<span class="text-base-500 dark:text-base-400 accent:text-accent-950 text-xs">sec</span>
157
</div>
158
</div>
159
</NumberFlowGroup>