Skip to content

fix(web): improve tile display and UI polish#9

Merged
rysb-dev merged 1 commit intomainfrom
fix/remove-tile-background-layer
Jan 31, 2026
Merged

fix(web): improve tile display and UI polish#9
rysb-dev merged 1 commit intomainfrom
fix/remove-tile-background-layer

Conversation

@rysb-dev
Copy link
Copy Markdown
Owner

Summary

This PR includes several UI improvements and bug fixes for the web frontend:

Changes

  1. Tile texture rendering fix

    • Embedded Front.svg background directly into all tile SVGs
    • Removed redundant tile background layering in Tile.svelte
    • Tiles now display with proper texture/3D effect
  2. Dora picker exhausted tile fix

    • Tiles that have been fully used in the hand are now disabled in the dora/ura dora picker
    • Prevents selecting tiles that are no longer available (e.g., if all four 4s are in hand)
  3. WIN badge positioning

    • Moved the "WIN" label from top-right to bottom-center of tiles
    • Prevents overlap with the red "×" remove button
  4. TypeScript warning fix

    • Changed vite.config.ts to use Vite's built-in mode parameter instead of process.env.NODE_ENV
    • Eliminates the "Cannot find name 'process'" TypeScript warning

- Embed Front.svg background into all tile SVGs for proper texture rendering
- Remove redundant tile background layering in Tile.svelte
- Disable exhausted tiles in dora/ura dora picker
- Move WIN badge to bottom of tile to avoid overlap with remove button
- Use Vite's mode parameter instead of process.env.NODE_ENV to fix TypeScript warning
@rysb-dev rysb-dev self-assigned this Jan 31, 2026
@rysb-dev rysb-dev merged commit ad68c3e into main Jan 31, 2026
6 checks passed
@rysb-dev rysb-dev deleted the fix/remove-tile-background-layer branch January 31, 2026 14:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant