design sidebar & head layout & page dashboard

2024-09-10 02:00:41 +03:30
parent 60749d3b8c
commit dffdab7139
41 changed files with 1350 additions and 170 deletions
@@ -0,0 +1,30 @@
+import LogoutOrangeP from "@/components/icons/LogoutOrangeP";
+import LogoPanel from "@/components/icons/LogoPanel";
+import { Button } from "@mui/material";
+import Links from "./Links";
+
+function Sidebar() {
+  return (
+    <aside className="min-w-[243px] h-full">
+      <div className="min-w-[243px] p-[24px] h-full flex flex-col justify-between items-start fixed top-0 right-0 border-0 border-l border-l-[#EFEFEF] bg-[#FFF]">
+        <div>
+          <div className="flex justify-center">
+            <LogoPanel />
+          </div>
+          <Links />
+        </div>
+        <div className="w-full flex justify-center">
+          <Button
+            variant="text"
+            className="!flex !w-fit !items-center !justify-center !gap-[10px] !py-[8px] !px-[16px] !text-[#F17732] !text-[16px] !font-medium"
+          >
+            <LogoutOrangeP />
+            خروج از حساب
+          </Button>
+        </div>
+      </div>
+    </aside>
+  )
+}
+
+export default Sidebar