feat: add WindowSizeClass system for responsive layout (Closes #1) #40

Merged
shahondin1624 merged 1 commits from feature/issue-1-window-size-classification-system-1773402694 into main 2026-03-13 12:54:19 +01:00

Summary

  • Add WindowSizeClass enum with Material 3 breakpoints (Compact <600dp, Medium 600-840dp, Expanded >840dp)
  • Provide LocalWindowSizeClass CompositionLocal derived from BoxWithConstraints at app root
  • Add 5 unit tests verifying all breakpoint boundaries
  • Real-time recalculation on window resize across all targets

Closes #1

Test plan

  • WindowSizeClassTest: 5 tests for Compact/Medium/Expanded classification and boundary values
  • JS compilation verified
  • All new tests pass in jsTest
## Summary - Add `WindowSizeClass` enum with Material 3 breakpoints (Compact <600dp, Medium 600-840dp, Expanded >840dp) - Provide `LocalWindowSizeClass` CompositionLocal derived from `BoxWithConstraints` at app root - Add 5 unit tests verifying all breakpoint boundaries - Real-time recalculation on window resize across all targets Closes #1 ## Test plan - [x] WindowSizeClassTest: 5 tests for Compact/Medium/Expanded classification and boundary values - [x] JS compilation verified - [x] All new tests pass in `jsTest`
shahondin1624 added 1 commit 2026-03-13 12:54:13 +01:00
Introduce WindowSizeClass enum (Compact/Medium/Expanded) with Material 3
breakpoints, LocalWindowSizeClass CompositionLocal, and BoxWithConstraints
at the app root for real-time size classification on all targets.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
shahondin1624 merged commit 1555275aeb into main 2026-03-13 12:54:19 +01:00
shahondin1624 deleted branch feature/issue-1-window-size-classification-system-1773402694 2026-03-13 12:54:19 +01:00
Sign in to join this conversation.