Skip to content

fix: wrap star-tracker header on mobile#53

Merged
wavekat-eason merged 2 commits into
mainfrom
fix/star-tracker-mobile-header
May 15, 2026
Merged

fix: wrap star-tracker header on mobile#53
wavekat-eason merged 2 commits into
mainfrom
fix/star-tracker-mobile-header

Conversation

@wavekat-eason
Copy link
Copy Markdown
Contributor

Summary

  • Make the stars.wavekat.com header row wrap on small screens so the muted description drops below the brand instead of crowding the nav.
  • Add flex-wrap + gap to the header and a max-width: 600px rule that promotes .muted to its own line.

Test plan

  • Load any star-tracker page (/, /dashboard, /<slug>) at 320–600px and confirm the description sits below stars.wavekat.com with nav still aligned to the right.
  • Confirm desktop layout (>600px) is unchanged.

Allow the header flex row to wrap and break the muted description onto
its own line below the brand on narrow screens, so it no longer crowds
or overflows alongside the nav.
Add overflow-wrap: anywhere to the shared code/pre rule so long inline
snippets like the embed <img> tag on the landing page break cleanly on
mobile instead of forcing a horizontal scroll.
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 15, 2026

@wavekat-eason wavekat-eason merged commit 82e92b9 into main May 15, 2026
4 checks passed
@wavekat-eason wavekat-eason deleted the fix/star-tracker-mobile-header branch May 15, 2026 10:26
wavekat-eason pushed a commit that referenced this pull request May 15, 2026
🤖 I have created a release *beep* *boop*
---


##
[0.0.21](wavekat-com-v0.0.20...wavekat-com-v0.0.21)
(2026-05-15)


### Features

* add star-tracker worker
([#52](#52))
([6f13ee1](6f13ee1))
* add wavekat-asr to ecosystem
([#50](#50))
([f26f29b](f26f29b))
* auto-theme star-tracker embed snippet
([#55](#55))
([4989603](4989603))
* star-tracker recent trend, range, per-repo charts
([#54](#54))
([7189f91](7189f91))


### Bug Fixes

* keep star-tracker count fresh on webhook
([#56](#56))
([1fdf264](1fdf264))
* stop long embed snippets blowing out page width
([#57](#57))
([7b6b096](7b6b096))
* wrap star-tracker header on mobile
([#53](#53))
([82e92b9](82e92b9))

---
This PR was generated with [Release
Please](https://github.com/googleapis/release-please). See
[documentation](https://github.com/googleapis/release-please#release-please).

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
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