Skip to content

feat: UI updates, Header refactor, and mobile emoji fix - #38

Merged
petercr merged 1 commit into
mainfrom
feat-ui-updates-and-styles
Mar 26, 2026
Merged

feat: UI updates, Header refactor, and mobile emoji fix#38
petercr merged 1 commit into
mainfrom
feat-ui-updates-and-styles

Conversation

@petercr

@petercr petercr commented Mar 25, 2026

Copy link
Copy Markdown
Owner

Summary

  • Refactored Header.tsx from 3 useEffects to 2 by merging the theme init and theme apply effects
  • Updated Header.css.ts: formatting cleanup and brand text style adjustments
  • Fixed mobile hero subtitle layout: trailing emojis (💡🌎) now display on their own line below the text on mobile, inline on desktop
  • Added Stega zero-width character handling in the emoji splitting logic to work correctly with Sanity preview mode

Test plan

  • Verify header theme toggle still works (light/dark)
  • Verify mobile menu scroll lock still works
  • Check brand/logo text styling in header (light + dark mode)
  • Check hero subtitle on mobile (375px): emojis should be on their own line
  • Check hero subtitle on desktop: emojis should be inline with text
  • Verify no regressions in preview/Stega mode

- Merge theme init and apply effects into single useEffect in Header
- Simplify scroll-lock effect (remove redundant mounted guard)
- Split trailing emojis from hero subtitle into a block span on mobile
- Handle Sanity Stega zero-width chars when parsing emoji positions
- Add heroSubtitleEmojis style (display: block on mobile)
@vercel

vercel Bot commented Mar 25, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
ccw Building Building Preview, Comment Mar 25, 2026 7:07pm

@petercr
petercr merged commit 01f8c6a into main Mar 26, 2026
3 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