design page general and office information & head panel

2024-09-11 04:17:39 +03:30
parent 62b355e52f
commit d75e3c82b7
33 changed files with 588 additions and 37 deletions
@@ -0,0 +1,37 @@
+import Tabs from "@/app/component/Tabs";
+
+const listTab = ['اطلاعات عمومی', 'اطلاعات مطب', 'نوبت ها', 'روزهای کاری', 'روزهای خاص'];
+
+function TabsHead({ value, handleChange }) {
+    return (
+        <Tabs
+            isSm={false}
+            style={{
+                '.MuiTabs-indicator': {
+                    height: '2px',
+                    borderRadius: '16px',
+                    background: '#5559CE'
+                },
+                '& .MuiTabs-flexContainer': {
+                    borderBottom: '2px solid #EFEFEF',
+                },
+                '& .mui-11pdt05-MuiButtonBase-root-MuiTab-root.Mui-selected': {
+                    color: '#5559CE !important',
+                },
+                '& .MuiButtonBase-root': {
+                    fontWeight: '400 !important'
+                },
+                '& .MuiButtonBase-root.Mui-selected': {
+                    color: '#5559CE !important',
+                    fontWeight: '700 !important',
+                    transition: '0.3s all !important'
+                }
+            }}
+            value={value}
+            listTab={listTab}
+            handleChange={handleChange}
+        />
+    )
+}
+
+export default TabsHead;