Mathis/memegoat
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Activity

feat(dashboard): add toaster notifications and update header styling

Browse Source 
- Integrated `Toaster` component for notifications in the dashboard layout.
- Updated header typography with better font size and tracking improvements.
This commit is contained in:
Mathis HERRIOT
2026-01-21 15:42:52 +01:00
parent 73556894f8
commit 4e61b0de9a
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/(dashboard)/layout.tsx
View File

@@ -8,6 +8,7 @@ import {
SidebarProvider, SidebarProvider,
SidebarTrigger, SidebarTrigger,
} from "@/components/ui/sidebar"; } from "@/components/ui/sidebar";
import { Toaster } from "@/components/ui/sonner";
import { UserNavMobile } from "@/components/user-nav-mobile"; import { UserNavMobile } from "@/components/user-nav-mobile";
export default function DashboardLayout({ export default function DashboardLayout({
@@ -26,7 +27,9 @@ export default function DashboardLayout({
<header className="flex h-16 shrink-0 items-center gap-2 border-b px-4 lg:hidden sticky top-0 bg-background z-40"> <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4 lg:hidden sticky top-0 bg-background z-40">
<SidebarTrigger /> <SidebarTrigger />
<div className="flex-1 flex justify-center"> <div className="flex-1 flex justify-center">
<span className="font-bold text-primary text-lg">MemeGoat</span> <span className="font-bold text-primary text-xl tracking-tight">
MemeGoat
</span>
</div> </div>
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<ModeToggle /> <ModeToggle />
@@ -46,6 +49,7 @@ export default function DashboardLayout({
</React.Suspense> </React.Suspense>
</SidebarInset> </SidebarInset>
</SidebarProvider> </SidebarProvider>
<Toaster />
</React.Suspense> </React.Suspense>
); );
} }