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/Input.ts
+++ b/frontend/dashboard/src/theme/overrides/Input.ts
@@ -0,0 +1,67 @@
+import { Theme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+export default function Input(theme: Theme) {
+  return {
+    MuiInputBase: {
+      styleOverrides: {
+        root: {
+          '&.Mui-disabled': {
+            '& svg': { color: theme.palette.text.disabled },
+          },
+        },
+        input: {
+          '&::placeholder': {
+            opacity: 1,
+            color: theme.palette.text.disabled,
+          },
+        },
+      },
+    },
+    MuiInput: {
+      styleOverrides: {
+        underline: {
+          '&:before': {
+            borderBottomColor: theme.palette.grey[500_56],
+          },
+        },
+      },
+    },
+    MuiFilledInput: {
+      styleOverrides: {
+        root: {
+          backgroundColor: theme.palette.grey[500_12],
+          '&:hover': {
+            backgroundColor: theme.palette.grey[500_16],
+          },
+          '&.Mui-focused': {
+            backgroundColor: theme.palette.action.focus,
+          },
+          '&.Mui-disabled': {
+            backgroundColor: theme.palette.action.disabledBackground,
+          },
+        },
+        underline: {
+          '&:before': {
+            borderBottomColor: theme.palette.grey[500_56],
+          },
+        },
+      },
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        root: {
+          '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: theme.palette.grey[500_32],
+          },
+          '&.Mui-disabled': {
+            '& .MuiOutlinedInput-notchedOutline': {
+              borderColor: theme.palette.action.disabledBackground,
+            },
+          },
+        },
+      },
+    },
+  };
+}