Skip to content

fix: improve theme selector layout in setup wizard WelcomeStep#135

Open
javi11 wants to merge 1 commit intomainfrom
fix/welcome-step-theme-layout
Open

fix: improve theme selector layout in setup wizard WelcomeStep#135
javi11 wants to merge 1 commit intomainfrom
fix/welcome-step-theme-layout

Conversation

@javi11
Copy link
Owner

@javi11 javi11 commented Feb 25, 2026

Summary

  • Replace two-column grid layout with a vertical stack (space-y-4) in WelcomeStep.svelte
  • Language selector is now a compact horizontal card with icon/text on the left and the dropdown on the right
  • Theme selector gets a full-width card so the theme grid has sufficient horizontal space without overflow
  • Widen container from max-w-2xl to max-w-3xl for better breathing room

Test plan

  • Open setup wizard and navigate to the Welcome step
  • Verify language dropdown is visible and aligned correctly in the compact horizontal card
  • Verify theme grid (light/dark themes) renders fully without overflow or clipping
  • Test at various viewport widths to confirm responsive behaviour

🤖 Generated with Claude Code

Replace two-column side-by-side grid with a vertical stack layout.
Language selector becomes a compact horizontal card with the dropdown
inline on the right. Theme selector gets a full-width card so the
theme grid has proper space without overflow.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
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