mirror of
https://github.com/tiennm99/loto.git
synced 2026-10-16 00:15:02 +00:00
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:
1 parent
945e2fdf0a
commit
1440c9daf5
1 file changed
+8
-1
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user