LogoLearn ATC

Preview

Dashboard Sidebar

Isolierte Vorschau der AppSidebar.vue mit injiziertem Mock-User — damit du das neue Design des User-Dropdowns testen kannst ohne lokal eingeloggt zu sein.

Was du testen kannst

  1. Unten in der Sidebar auf „Tobias Rösner" klicken
  2. Das User-Dropdown sollte mit dem neuen Dark-Variant Style aufgehen:
    • Card: rounded-xl, soft tiefer Schatten, slate-700/60 Border
    • Header: Name (slate-100, semibold 14px) + Email (slate-400, 11px)
    • Items: rounded-lg, hover-bg slate-700/60, Icons subtle slate-400
    • Upgrade: amber-Highlight (text-amber-300, bg-amber-500/10, amber-Border)
    • Logout: neutral hover-bg red-500/10, kein roter Border
  3. Outside-Click sollte schließen
  4. Dropdown sollte nach oben aufgehen (nicht nach unten)

Hinweise

  • Mock-User wird beim Mounten injiziert, beim Verlassen der Seite zurückgesetzt → keine Auswirkung außerhalb dieser Route.
  • Die anderen Sidebar-Sektionen (Navigation, School-Selector etc.) sind eventuell leer / fehlerhaft, da kein echtes Backend angebunden — das ist erwartet.
  • Nur der User-Dropdown unten ist Test-Ziel.