Some tweaks regarding the beautiful dashboard, it's so beautiful. You've never seen anything like it. The best, we only want THE BEST. Chyna

This commit is contained in:
cdricms
2025-01-14 11:10:01 +01:00
parent fa3dd398e0
commit 648517078b
5 changed files with 47 additions and 94 deletions

View File

@@ -6,12 +6,10 @@ import {
BookOpen,
Bot,
Command,
Frame,
Users,
GalleryVerticalEnd,
Map,
PieChart,
Settings2,
SquareTerminal,
Calendar,
} from "lucide-react";
import { NavMain } from "@/components/nav-main";
@@ -35,123 +33,61 @@ const data = {
},
teams: [
{
name: "Acme Inc",
name: "Latosa-Escrima",
logo: GalleryVerticalEnd,
plan: "Enterprise",
plan: "",
},
{
name: "Acme Corp.",
logo: AudioWaveform,
plan: "Startup",
},
{
name: "Evil Corp.",
name: "Wing-Tsun",
logo: Command,
plan: "Free",
plan: "",
},
],
navMain: [
{
title: "Playground",
url: "#",
icon: SquareTerminal,
title: "Membres",
url: "/dashboard/members",
icon: Users,
isActive: true,
items: [
{
title: "History",
url: "#",
},
{
title: "Starred",
url: "#",
},
{
title: "Settings",
url: "#",
title: "Création d'un membre",
url: "/dashboard/members/new",
},
],
},
{
title: "Models",
url: "#",
icon: Bot,
items: [
{
title: "Genesis",
url: "#",
},
{
title: "Explorer",
url: "#",
},
{
title: "Quantum",
url: "#",
},
],
title: "Planning",
url: "/dashboard/planning",
icon: Calendar,
},
{
title: "Documentation",
url: "#",
title: "Blogs",
url: "/dashboard/blogs",
icon: BookOpen,
items: [
{
title: "Introduction",
url: "#",
title: "Catégorie 1",
url: "/dashboard/blogs/categorie-1",
},
{
title: "Get Started",
url: "#",
title: "Catégorie 2",
url: "/dashboard/blogs/categorie-2",
},
{
title: "Tutorials",
url: "#",
title: "Nouvelle catégorie",
url: "/dashboard/blogs/categories/new",
},
{
title: "Changelog",
url: "#",
title: "Nouvel article",
url: "/dashboard/blogs/new",
},
],
},
{
title: "Settings",
url: "#",
url: "/dashboard/settings",
icon: Settings2,
items: [
{
title: "General",
url: "#",
},
{
title: "Team",
url: "#",
},
{
title: "Billing",
url: "#",
},
{
title: "Limits",
url: "#",
},
],
},
],
projects: [
{
name: "Design Engineering",
url: "#",
icon: Frame,
},
{
name: "Sales & Marketing",
url: "#",
icon: PieChart,
},
{
name: "Travel",
url: "#",
icon: Map,
},
],
};
@@ -164,7 +100,6 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
</SidebarHeader>
<SidebarContent>
<NavMain items={data.navMain} />
<NavProjects projects={data.projects} />
</SidebarContent>
<SidebarFooter>
<NavUser user={data.user} />

View File

@@ -76,7 +76,7 @@ const subMenuItemsTwo = [
const Navbar = () => {
return (
<section className="p-4 top-0 sticky bg-white z-[100]">
<section className="p-4 bg-white top-0 sticky z-[100]">
<div className="">
<nav className="hidden justify-between lg:flex">
<div className="flex items-center gap-6">

View File

@@ -78,15 +78,15 @@ export function TeamSwitcher({
</DropdownMenuShortcut>
</DropdownMenuItem>
))}
<DropdownMenuSeparator />
<DropdownMenuItem className="gap-2 p-2">
{/*<DropdownMenuSeparator />*/}
{/*<DropdownMenuItem className="gap-2 p-2">
<div className="flex size-6 items-center justify-center rounded-md border bg-background">
<Plus className="size-4" />
</div>
<div className="font-medium text-muted-foreground">
Add team
</div>
</DropdownMenuItem>
</DropdownMenuItem> */}
</DropdownMenuContent>
</DropdownMenu>
</SidebarMenuItem>