Skip to content

refactor: enhance navigation sidebar structure, typography, and active states#110

Open
Ashlok2003 wants to merge 1 commit into
ibelick:mainfrom
Ashlok2003:enhance/sidebar
Open

refactor: enhance navigation sidebar structure, typography, and active states#110
Ashlok2003 wants to merge 1 commit into
ibelick:mainfrom
Ashlok2003:enhance/sidebar

Conversation

@Ashlok2003

Copy link
Copy Markdown

Description

Refactored the primary navigation sidebar in app/sidebar.tsx to improve visual consistency, navigation structure, and overall UX.

Changes

  • Redesigned active navigation states with a left-border indicator, subtle accent background, and full-width interactive styling.

  • Standardized sidebar section headers with a consistent uppercase typographic hierarchy.

  • Fixed navigation nesting issues by restructuring standalone links (Blocks, Primitives, Showcase) into proper SidebarMenuItem entries.

  • Improved UI polish with:

    • Theme-aware new badge styling
    • Dynamic theme toggle icons (Sun, Moon, Monitor)
    • Gradient branding for prompt-kit

This refactor improves sidebar clarity, consistency, and maintainability while aligning the UI with modern design patterns.

Screenshots

snappy-pro-1779095873336 snappy-pro-1779095898170

@vercel

vercel Bot commented May 18, 2026

Copy link
Copy Markdown
Contributor

@Ashlok2003 is attempting to deploy a commit to the julienthibeaut's projects Team on Vercel.

A member of the Team first needs to authorize it.

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