NavNest Duo Copy this MUI drawerWidthto Your Project
Crée une page web avec deux barres de navigation : 1. Une navbar horizontale en haut sur toute la largeur de la page. • Elle contient un logo à gauche, une entrée discover et une entrée space, et un avatar ou menu utilisateur à droite. • Elle est fixe en haut et visible sur toutes les pages. 2. Une sidebar verticale à gauche, uniquement sur cette page : • Elle est ouvrable/fermable via un bouton (toggle). • Lorsqu’elle est ouverte, elle fait 200px de large et affiche un menu vertical avec des liens (“space ”, “thread”, “ • Lorsqu’elle est fermée, elle se réduit à 40px et n’affiche que le bouton d’ouverture. • Elle a une animation fluide entre les deux états. Le reste de la page est le contenu principal, placé à droite de la sidebar, sous la navbar horizontale. Utilise un layout moderne, responsive, avec du Flexbox ou Grid, et un design léger (inspiré de Tailwind, Material UI ou Ant Design). Optionnel : ajoute un fond gris clair pour la sidebar et un fond blanc pour le contenu principal. Fournis le code HTML/CSS/JSX ou React si possible. Tu veux que je t’en fasse aussi une version avec Tailwind ou un autre framework ?
