mirror of
https://github.com/tiennm99/loto.git
synced 2026-10-15 12:14:34 +00:00
style(player): tân tân BAMBOORAFT card look — tall cells, condensed black numbers, blue paper
Match the BAMBOORAFT physical sheet: - Cell aspect changed from square to 3:5 (taller than wide), matching the printed paper proportions - Number cells rendered with .tan-tan-num: condensed system-font stack (Arial Narrow / Avenir Next Condensed / Roboto Condensed), font-weight 900, negative letter-spacing for tight fall-back on platforms without a true condensed face. Sized text-2xl / sm:text-3xl to fill the taller cells. Black number on white cell. - Default empty-cell color flipped from Minh Tân brown (#7a4a2b) to BAMBOORAFT blue (#1e88e5). Settings store + test updated. Users who picked a different color in settings keep their choice. - Section dividers and labels recolored from orange to matching blue. - Section labels relabelled to the BAMBOORAFT trio: "Tân Tân" / "An khang thịnh vượng" / "Tân Tân tốt nhất"
This commit is contained in:
1 parent
3391e04a64
commit
b5414bdb43
6 files changed
+48
-30
No files matched your search
@@ -12,7 +12,7 @@
|
||||
### Shared Components
|
||||
| File | Purpose |
|
||||
|------|---------|
|
||||
| `src/lib/PlayerBoard.svelte` | Reusable player card (9×9 grid rendered as 3 stacked 3×9 mini-cards: Minh Tân / Loại đặc biệt / Tấn tài tấn lộc). Handles crossed state, bingo popup, "Chờ X" toast. Accepts `storagePrefix` prop for multi-card isolation. Empty cells use `--empty-cell-bg` CSS var from settings store. |
|
||||
| `src/lib/PlayerBoard.svelte` | Reusable player card (9×9 grid rendered as 3 stacked 3×9 mini-cards: Tân Tân / An khang thịnh vượng / Tân Tân tốt nhất). Tall (3:5) cells with condensed bold black numbers (`tan-tan-num` font stack), white number cells, blue empty cells. Handles crossed state, bingo popup, "Chờ X" toast. Accepts `storagePrefix` prop for multi-card isolation. Empty cells use `--empty-cell-bg` CSS var from settings store. |
|
||||
| `src/lib/SettingsButton.svelte` | Gear icon + modal. Color picker + 8 preset swatches for empty-cell color. Reset-to-default button. Mounted on both `/` and `/master` headers. |
|
||||
|
||||
### Game Logic
|
||||
|
||||
Reference in new issue
Block a user