Skip to content

Show the spotlight's claim on two devices - #129

Merged
JulianKahnert merged 1 commit into
developfrom
feature/spotlight-device-row
Sep 3, 2026
Merged

JulianKahnert merged 1 commit into
developfrom
feature/spotlight-device-row

Conversation

@JulianKahnert

Copy link
Copy Markdown
Member

"On Mac, iPhone and iPad." showed a single iPhone, so the section asserted its headline rather than demonstrating it.

  • .spotlight drops its two-column grid: the copy sits above a .device-row holding a Mac window and an iPhone, bottom-aligned on one line
  • Screenshots replaced with current light-mode captures per language — the previous pair was dark mode, showed an older UI without the tab bar, and worked against the warm light page
  • spotlightImagePath / spotlightImageAlt become spotlightShots: [Screenshot], whose device field names the CSS class that sizes and rounds each shot
  • .device-row sizes the pair by silhouette rather than legibility (58% / 18%, widened under 700px), since at this scale the shapes carry the claim

"On Mac, iPhone and iPad." showed a single iPhone, so the section asserted
its own headline instead of demonstrating it. It now carries a Mac window
beside the phone, bottom-aligned on one line below the copy.

The captures are replaced with current, light-mode ones from the app repo:
the previous pair was dark mode, showed an older UI without the tab bar,
and clashed with the warm light page around it.

`spotlightImagePath`/`-Alt` become `spotlightShots: [Screenshot]`, whose
`device` field names the CSS class that sizes and rounds each shot.
@JulianKahnert
JulianKahnert merged commit 334adf3 into develop Sep 3, 2026
2 checks 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.

1 participant