Add sidebar

2023-08-29 00:15:48 +01:00
parent 54a748ced7
commit 5b6dbcc5bb
14 changed files with 275 additions and 11 deletions
@@ -1,18 +1,23 @@
-"use client"
+'use client';

-export default function Shell({ children }: {
-  children: React.ReactNode
-}) {
+import Sidebar from '@/components/sidebar/sidebar';
+import TopBar from '@/components/sidebar/topbar';

+export default function Shell({ children }: { children: React.ReactNode }) {
  return (
    <div className="flex justify-start min-h-screen">
+      <Sidebar />

      <div className="flex flex-col w-full overflow-hidden">
-        <main className="overflow-y-auto overscroll-none w-full p-8" style={{ height: "calc(100vh - 50px)" }}>
+        <TopBar />
+
+        <main
+          className="overflow-y-auto overscroll-none w-full p-8"
+          style={{ height: 'calc(100vh - 50px)' }}
+        >
          {children}
        </main>
      </div>
-
    </div>
  );
 }