duckil_plm/fems-app/src/app/(admin)/layout.tsx

32 lines
913 B
TypeScript
Raw Normal View History

2024-11-02 07:15:56 +09:00
// src/app/(admin)/layout.tsx
2024-11-14 15:20:02 +09:00
import React from "react";
2024-11-03 15:56:16 +09:00
import AdminGuard from "@/components/auth/AdminGuard";
2024-11-09 08:58:47 +09:00
import { SideNav } from "@/components/layout/SideNav";
import { TopNav } from "@/components/layout/TopNav";
2024-11-02 07:15:56 +09:00
2024-11-14 15:20:02 +09:00
const AdminLayout = ({ children }: { children: React.ReactNode }) => {
2024-11-02 07:15:56 +09:00
return (
2024-11-03 15:56:16 +09:00
<AdminGuard>
<div className="h-screen flex">
<aside className="w-64 h-screen flex-shrink-0 bg-gray-800">
2024-11-09 08:58:47 +09:00
<SideNav />
2024-11-03 15:56:16 +09:00
</aside>
{/* 오른쪽 메인 영역 */}
<div className="flex-1 flex flex-col">
{/* 상단 헤더 */}
<header className="h-16 bg-white border-b">
2024-11-09 08:58:47 +09:00
<TopNav />
2024-11-03 15:56:16 +09:00
</header>
{/* 메인 컨텐츠 영역 */}
<main className="flex-1 overflow-auto bg-gray-50 p-6">
{children}
</main>
</div>
2024-11-02 07:15:56 +09:00
</div>
2024-11-03 15:56:16 +09:00
</AdminGuard>
2024-11-02 07:15:56 +09:00
);
2024-11-14 15:20:02 +09:00
};
export default AdminLayout;