Skip to content

fix(explore): condense mobile header to search + tabs#6098

Merged
tsahimatsliah merged 2 commits into
mainfrom
claude/lucid-euclid-5f0f31
May 25, 2026
Merged

fix(explore): condense mobile header to search + tabs#6098
tsahimatsliah merged 2 commits into
mainfrom
claude/lucid-euclid-5f0f31

Conversation

@tsahimatsliah
Copy link
Copy Markdown
Member

@tsahimatsliah tsahimatsliah commented May 25, 2026

Summary

  • On mobile/tablet the explore pages stacked three headers (search icon bar, "Explore" title, tabs). Collapsed to two.
  • Replaced the mobile search icon with the full-width SpotlightTrigger pill so it reads as an actual search field.
  • Removed the standalone "Explore" title row (redundant with the bottom-nav active state) and deleted the unused component.
  • Kept the date-range dropdown on /posts/upvoted and /posts/discussed by allowing it to render next to the tabs.

Test plan

  • Open /posts on a mobile viewport: see one search-field header + tabs (no "Explore" title row).
  • Tap the search field: opens the Spotlight modal.
  • Switch between tabs (Popular / By upvotes / By comments / By date / Best of).
  • On /posts/upvoted and /posts/discussed the calendar date-range dropdown appears at the end of the tabs row.
  • Scroll the page: the tabs row sticks below the search header without overlapping content.
  • Verify desktop/laptop explore layout is unchanged.

Preview domain

https://claude-lucid-euclid-5f0f31.preview.app.daily.dev

Mobile and tablet explore pages were stacking three headers (search icon
bar, "Explore" title, tabs). Collapse to two:
- replace the search icon with the full-width SpotlightTrigger pill
- drop the standalone "Explore" title row
- keep the date-range dropdown next to the tabs

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented May 25, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
daily-webapp Ready Ready Preview May 25, 2026 9:16am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
storybook Ignored Ignored May 25, 2026 9:16am

Request Review

- Assert the spotlight trigger renders during mobile-explore hydration.
- Only advertise the Ctrl/⌘+K aria-keyshortcuts on laptop+, where a
  physical keyboard is plausible and the shortcut label is visible.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@tsahimatsliah tsahimatsliah merged commit be679f1 into main May 25, 2026
13 checks passed
@tsahimatsliah tsahimatsliah deleted the claude/lucid-euclid-5f0f31 branch May 25, 2026 09:29
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