mirror of
https://github.com/tiennm99/loto.git
synced 2026-10-13 16:15:17 +00:00
style(player): bring back per-cell borders so the grid actually reads
Each cell now has a thin slate border on all 4 sides (slate-400/50 in light, slate-600/40 in dark). Adjacent cells double up to a slightly heavier 1-2px line — matches the visible grid lines on the physical BAMBOORAFT card.
This commit is contained in:
1 parent
09bb48c275
commit
f8dcd8fc29
1 file changed
+2
-1
@@ -186,7 +186,7 @@
|
||||
{#if !hasNumber}
|
||||
<div
|
||||
aria-hidden="true"
|
||||
class="relative aspect-[3/5]"
|
||||
class="relative aspect-[3/5] border border-slate-400/50 dark:border-slate-600/40"
|
||||
style:background-color="var(--empty-cell-bg)"
|
||||
></div>
|
||||
{:else}
|
||||
@@ -197,6 +197,7 @@
|
||||
onclick={() => handleCellClick(row, col)}
|
||||
class="tan-tan-num relative flex items-center justify-center
|
||||
aspect-[3/5] text-2xl sm:text-3xl
|
||||
border border-slate-400/50 dark:border-slate-600/40
|
||||
transition-all select-none cursor-pointer
|
||||
focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-400
|
||||
{isCrossed
|
||||
|
||||
Reference in new issue
Block a user