Skip to content

UI: Improve score result layout#16

Merged
rysb-dev merged 1 commit intomainfrom
ui/dora-list-layout
Feb 5, 2026
Merged

UI: Improve score result layout#16
rysb-dev merged 1 commit intomainfrom
ui/dora-list-layout

Conversation

@rysb-dev
Copy link
Copy Markdown
Owner

@rysb-dev rysb-dev commented Feb 5, 2026

Changes

Dora section redesign

Restyled the dora section to match the yaku list layout:

  • Full-width rows instead of inline pill-style boxes
  • Han counts in styled boxes on the right (matching yaku styling)
  • Consistent color coding: blue for regular dora, purple for ura, red for aka
  • Makes it easier to scan down and tally total han at a glance

Fu breakdown

  • Now expanded by default (was collapsed)

Hand Structure

  • Now collapsed by default (was always visible)
  • Most users don't need to see the internal hand decomposition

Testing

  • npm run build
  • npm run check ✅ (0 errors, 0 warnings)

- Restyle dora section to match yaku list with full-width rows and boxed han counts
- Expand Fu breakdown by default
- Collapse Hand Structure section by default
@rysb-dev rysb-dev self-assigned this Feb 5, 2026
@rysb-dev rysb-dev merged commit bb83b0b into main Feb 5, 2026
3 checks passed
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