feat : add front-end using shad cn
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
import Sidebar from "./Sidebar"
|
||||
|
||||
export default function DashboardLayout({children}:{children:React.ReactNode}){
|
||||
|
||||
return(
|
||||
|
||||
<div className="flex">
|
||||
|
||||
<Sidebar/>
|
||||
|
||||
<div className="flex-1 p-6 bg-slate-50 min-h-screen">
|
||||
|
||||
{children}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,17 @@
|
||||
import {Link} from "react-router-dom";
|
||||
|
||||
export default function Sidebar() {
|
||||
return (
|
||||
<div className="w-[220px] h-screen border-r bg-white p-4">
|
||||
<h2 className="text-lg font-semibold mb-6">Admin</h2>
|
||||
|
||||
<div className="space-y-3">
|
||||
<Link to="/dashboard">Dashboard</Link>
|
||||
|
||||
<Link to="/blog">Blog</Link>
|
||||
|
||||
<Link to="/department">Department</Link>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user