Skip to content

fix(nav): refactor desktop layout and rebuild mobile as GSAP accordion pill - #25

Merged
FafLikeASir merged 1 commit into
mainfrom
fix/nav-style-mobile-accordion
Jun 25, 2026
Merged

fix(nav): refactor desktop layout and rebuild mobile as GSAP accordion pill#25
FafLikeASir merged 1 commit into
mainfrom
fix/nav-style-mobile-accordion

Conversation

@FafLikeASir

Copy link
Copy Markdown
Owner

Summary

  • Desktop: grid → flex gap-8, avatar/logo gap-2 → gap-3, removed dead wrapper div
  • Mobile: replaced bare flex bar with a floating dark glass pill (24px radius) containing an integrated GSAP-animated accordion body
  • Accordion footer includes availability badge + GitHub icon separated by a divider; text sizes bumped (logo/links → base, badge → sm, GitHub icon → size-6)

Test plan

  • Desktop pill: flex layout, gaps look correct, links/badge spaced naturally
  • Mobile (≤640px): pill visible centered, Menu/X toggle works
  • Open: accordion slides down smoothly (GSAP height auto, 0.35s power3.out)
  • Close: accordion collapses (0.25s power3.in), pill radius holds at 24px throughout
  • Accordion footer: badge + GitHub icon visible, divider between links and footer
  • Clicking a link closes the accordion
  • Backdrop click closes the accordion
  • Scroll state: pill bg transitions correctly on scroll

🤖 Generated with Claude Code

…n pill

Desktop: grid → flex gap-8, avatar gap-2 → gap-3, remove dead wrapper div.
Mobile: replace bare flex bar with a floating pill (24px radius, dark glass)
containing an integrated accordion body animated by GSAP (height auto/0).
Accordion footer adds availability badge + GitHub icon separated by a divider.
Text sizes bumped to base for logo and links, sm for badge.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel

vercel Bot commented Jun 25, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
rahan Building Building Preview, Comment Jun 25, 2026 10:29pm

@FafLikeASir
FafLikeASir merged commit 9f5379e into main Jun 25, 2026
2 of 3 checks passed
@FafLikeASir
FafLikeASir deleted the fix/nav-style-mobile-accordion branch June 25, 2026 22: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.

1 participant