Separate Client Portal & Dashboard

2022-05-23 10:38:16 +07:00
parent f2e84e6244
commit 89bb57f357
569 changed files with 60252 additions and 280 deletions
--- a/frontend/dashboard/src/theme/overrides/Table.ts
+++ b/frontend/dashboard/src/theme/overrides/Table.ts
@@ -0,0 +1,75 @@
+import { Theme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+export default function Table(theme: Theme) {
+  return {
+    MuiTableRow: {
+      styleOverrides: {
+        root: {
+          '&.Mui-selected': {
+            backgroundColor: theme.palette.action.selected,
+            '&:hover': {
+              backgroundColor: theme.palette.action.hover,
+            },
+          },
+        },
+      },
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        root: {
+          borderBottom: 'none',
+        },
+        head: {
+          color: theme.palette.text.secondary,
+          backgroundColor: theme.palette.background.neutral,
+          '&:first-of-type': {
+            paddingLeft: theme.spacing(3),
+            borderTopLeftRadius: theme.shape.borderRadius,
+            borderBottomLeftRadius: theme.shape.borderRadius,
+            boxShadow: `inset 8px 0 0 ${theme.palette.background.paper}`,
+          },
+          '&:last-of-type': {
+            paddingRight: theme.spacing(3),
+            borderTopRightRadius: theme.shape.borderRadius,
+            borderBottomRightRadius: theme.shape.borderRadius,
+            boxShadow: `inset -8px 0 0 ${theme.palette.background.paper}`,
+          },
+        },
+        stickyHeader: {
+          backgroundColor: theme.palette.background.paper,
+          backgroundImage: `linear-gradient(to bottom, ${theme.palette.background.neutral} 0%, ${theme.palette.background.neutral} 100%)`,
+        },
+        body: {
+          '&:first-of-type': {
+            paddingLeft: theme.spacing(3),
+          },
+          '&:last-of-type': {
+            paddingRight: theme.spacing(3),
+          },
+        },
+      },
+    },
+    MuiTablePagination: {
+      styleOverrides: {
+        root: {
+          borderTop: `solid 1px ${theme.palette.divider}`,
+        },
+        toolbar: {
+          height: 64,
+        },
+        select: {
+          '&:focus': {
+            borderRadius: theme.shape.borderRadius,
+          },
+        },
+        selectIcon: {
+          width: 20,
+          height: 20,
+          marginTop: -4,
+        },
+      },
+    },
+  };
+}