ui: Add landscape two-column layout (US-18)

Detect orientation via LocalConfiguration and switch to a Row-based
two-column layout in landscape mode. Left column shows the title, BPM
display and pulse ring; right column shows the BPM slider, presets,
volume slider and the START/STOP button. All controls remain visible
without scrolling. Portrait layout is unchanged.

Extracted shared UI into private composables (Title, BpmDisplay,
PulseRing, BpmControls, VolumeControl, StartStopButton) to avoid
duplication between the two layout paths.
This commit is contained in:
Jeena 2026-03-09 12:31:47 +00:00
parent 22fc569874
commit d79fcebc41
2 changed files with 306 additions and 186 deletions

View file

@ -68,6 +68,10 @@ US-15: As a user, I want an app icon and splash screen so that it feels native.
US-16: As a developer, I want a signed APK for installation so that the app can be deployed.
- Acceptance: Release build generated; offline functionality verified.
### Theme 8: Landscape Support
US-18: As a user, I want the app to work in landscape orientation so that I can use it however I hold my phone.
- Acceptance: In landscape, all controls are visible and usable without scrolling; layout switches to a two-column arrangement (pulse ring + BPM display on the left, sliders/buttons on the right); no content is clipped or overlapping.
## Additional Notes
- TDD: Focus on US-03, US-04, US-13 first—write failing tests, then implement.
- Priorities: Complete setup (US-01-02), then audio (US-03-05), UI (US-06-07), service (US-08-10), rest.