feat: design my apps along with app layout

2021-12-14 00:43:35 +01:00
parent 3785c705ff
commit 6da8557219
13 changed files with 156 additions and 113 deletions
--- a/packages/web/src/components/ConditionalIconButton/style.ts
+++ b/packages/web/src/components/ConditionalIconButton/style.ts
@@ -0,0 +1,13 @@
+import { styled } from '@mui/material/styles';
+import MuiIconButton, { iconButtonClasses } from '@mui/material/IconButton';
+
+export const IconButton = styled(MuiIconButton)`
+  &.${iconButtonClasses.colorPrimary} {
+    background: ${({ theme }) => theme.palette.primary.main};
+    color: ${({ theme }) => theme.palette.primary.contrastText};
+
+    &:hover {
+      background: ${({ theme }) => theme.palette.primary.dark};
+    }
+  }
+` as typeof MuiIconButton;