Skip to content

ui: mobile layout polish + search screen spacing + glass morphism card outline#295

Merged
ProdigyV21 merged 1 commit into
ProdigyV21:mainfrom
chillpill244:ui/mobile-layout-and-search-improvements
Jun 3, 2026
Merged

ui: mobile layout polish + search screen spacing + glass morphism card outline#295
ProdigyV21 merged 1 commit into
ProdigyV21:mainfrom
chillpill244:ui/mobile-layout-and-search-improvements

Conversation

@chillpill244
Copy link
Copy Markdown
Contributor

@chillpill244 chillpill244 commented Jun 3, 2026

Summary

  • SearchScreen: tighten heading→cards gap (LazyRow top padding 22→8dp, title row bottom 8→4dp)
  • MediaCard: glass morphism rest border via new showRestBorder param — subtle 0.5dp luminous edge at rest that transitions to the full focus outline on selection; mobile cardTitle font size reduced to 14sp (TV stays 15sp)
  • ArvioFocus: restBorderAlpha animation added to arvioFocusable; showRestBorder: Boolean = false param threaded through to ArvioFocusableSurface
  • HomeScreen (mobile): card-to-card spacing 10→14dp; catalog-to-catalog gap increased to 20dp; heading→cards gap tightened to 4dp

Test plan

  • Launch on a TV device — verify focus outline still appears correctly on MediaCard, no rest border on other surfaces
  • Launch on a phone/tablet — verify 14sp card titles, 14dp card spacing, tighter heading gap, larger catalog-to-catalog gap
  • Navigate search screen on TV — verify reduced space between section title and card row
  • Scroll search results — confirm glass morphism edge is visible on unfocused cards, transitions cleanly on D-pad focus

🤖 Generated with Claude Code

…d outline

- SearchScreen: reduce heading→cards gap (bottom 8→4dp), reduce title row
  bottom padding (8→2→4dp) and LazyRow top content padding (22→8dp)
- ArvioFocus: add restBorderAlpha glass morphism edge (0.5dp @ ~0.2α at rest,
  fades to full focus outline on selection); new showRestBorder param on
  ArvioFocusableSurface so opt-in per component
- MediaCard: enable showRestBorder=true; always-on 2.5dp outline width;
  mobile cardTitle font size 14sp (TV stays 15sp)
- HomeScreen (mobile): card spacing 10→14dp; catalog-to-catalog gap 8→20dp
  (via LazyColumn spacedBy); heading→cards gap 8→4dp

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@chillpill244
Copy link
Copy Markdown
Contributor Author

chillpill244 commented Jun 3, 2026

image

All posters now have a subtle outline to separate from background poster.

@ProdigyV21 ProdigyV21 merged commit b146736 into ProdigyV21:main Jun 3, 2026
1 check 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.

2 participants