style(master): circular tokens for "Thứ tự đã xổ" history list too

Same pink/green-by-value treatment as the tracking grid: rounded-full,
3px ring (pink ≤49, green ≥50), cream fill, dark rose number. Bumped
size to w-8/9 + text-sm/base so two digits fit cleanly inside the ring.
This commit is contained in:
tiennm99 committed 2026-04-27 00:22:39 +07:00
1 parent 945e2fdf0a
commit 1440c9daf5
1 file changed
+8 -1
+8 -1
View File
@@ -191,8 +191,15 @@
</div>
<div class="flex flex-wrap gap-1.5">
{#each state.called as num, i (i)}
{@const isLow = num <= 49}
<span
class="inline-flex items-center justify-center w-7 h-7 text-xs font-bold rounded-md bg-orange-100 dark:bg-orange-950/40 text-orange-700 dark:text-orange-300"
class="inline-flex items-center justify-center w-8 h-8 sm:w-9 sm:h-9
text-sm sm:text-base font-bold tabular-nums rounded-full
border-[3px] bg-amber-50 dark:bg-amber-100
text-rose-700 dark:text-rose-800
{isLow
? 'border-pink-500 dark:border-pink-400'
: 'border-emerald-500 dark:border-emerald-400'}"
>
{num}
</span>