doc: add styles into styles.js

2022-09-03 11:42:46 -07:00
parent 9c11425609
commit ee858f8aa4
1 changed files with 37 additions and 0 deletions
@@ -0,0 +1,37 @@
+import { makeStyles } from '@mui/styles';
+
+const drawerWidth = 240;
+
+export default makeStyles((theme) => ({
+    toolbar: {
+        height: '80px',
+        display: 'flex',
+        justifyContent: 'space-between',
+        marginLeft: '240px',
+        [theme.breakpoints.down('sm')]: {
+            marginLeft: 0,
+            flexWrap: 'wrap',
+        },
+    },
+    menuButton: {
+        marginRight: theme.spacing(2),
+        [theme.breakpoints.up('sm')]: {
+            display: 'none',
+        },
+    },
+    drawer: {
+        [theme.breakpoints.up('sm')]: {
+            width: drawerWidth,
+            flexShrink: 0,
+        },
+    },
+    drawerPaper: {
+        width: drawerWidth,
+    },
+    linkButton: {
+        '&:hover': {
+            color: 'white !important',
+            textDecoration: 'none',
+        },
+    },
+}));