shuding/nextra

Fix navbar mobile vertical UX line alignment

Open

Aperta il 13 mag 2025

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (13.807 star) (1413 fork)user submission
buggood first issuehelp wanted

Descrizione

Describe the bug A clear and concise description of what the bug is.

The nav content margins are not aligned with the rest of the content. I am not sure if this is on purpose, but imo by the UX standards we need as less vertical lines as possible.

Screenshots If applicable, add screenshots to help explain your problem.

Image

Smartphone (please complete the following information):

  • Device: DevTools
  • OS: Linux
  • Browser Firefox

Guida contributor

Tech stack
typescriptnextjsreacttailwindcss
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
under 1 hour
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
basic CSSfamiliarity with Nextra's navbar component
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
80
Direzione di ricerca
Indaga sul componente di navigazione mobile in Nextra, probabilmente situato in `packages/nextra/src/components/navbar.tsx` o simile. Il report del bug indica che i margini del contenuto di navigazione non sono allineati con il resto del contenuto. Controlla le classi CSS applicate agli elementi della barra di navigazione e il layout complessivo, specialmente per i breakpoint mobile. Cerca eventuali valori di margine/padding mancanti o errati che causano disallineamento. Modifica il CSS per garantire un allineamento verticale coerente.