feat: add responsive spacing and padding system (Closes #3) #42

Merged
shahondin1624 merged 1 commits from feature/issue-3-responsive-spacing-and-padding-system into main 2026-03-13 12:57:45 +01:00

Summary

  • Add UiConstants.Spacing with small(), medium(), and large() functions that scale per WindowSizeClass
  • Replace hardcoded 16.dp in App.kt content padding with Spacing.large()
  • Replace hardcoded 16.dp/8.dp in AttributesPage.kt with Spacing.medium()/Spacing.small()
  • Ranges: Compact 8-12dp, Medium 12-16dp, Expanded 16-24dp

Closes #3

Test plan

  • SpacingTest: 4 tests verifying spacing values and scaling per WindowSizeClass
  • JS compilation verified
  • All 15 new+existing tests pass (only pre-existing ComposeTest failure)
## Summary - Add `UiConstants.Spacing` with `small()`, `medium()`, and `large()` functions that scale per `WindowSizeClass` - Replace hardcoded `16.dp` in `App.kt` content padding with `Spacing.large()` - Replace hardcoded `16.dp`/`8.dp` in `AttributesPage.kt` with `Spacing.medium()`/`Spacing.small()` - Ranges: Compact 8-12dp, Medium 12-16dp, Expanded 16-24dp Closes #3 ## Test plan - [x] SpacingTest: 4 tests verifying spacing values and scaling per WindowSizeClass - [x] JS compilation verified - [x] All 15 new+existing tests pass (only pre-existing ComposeTest failure)
shahondin1624 added 1 commit 2026-03-13 12:57:39 +01:00
Add WindowSizeClass-aware spacing tokens (small/medium/large) to
UiConstants and replace all hardcoded dp values in App.kt and
AttributesPage.kt. Compact uses 8-12dp, Medium 12-16dp, Expanded 16-24dp.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
shahondin1624 merged commit c4fea755d0 into main 2026-03-13 12:57:45 +01:00
shahondin1624 deleted branch feature/issue-3-responsive-spacing-and-padding-system 2026-03-13 12:57:45 +01:00
Sign in to join this conversation.