✨ Add mantine context modals

2022-12-04 21:19:40 +01:00
parent 99a3a4936e
commit 57d76d223f
24 changed files with 1023 additions and 1 deletions
--- a/src/components/Dashboard/Modals/SelectElement/Components/Shared/styles.tsx
+++ b/src/components/Dashboard/Modals/SelectElement/Components/Shared/styles.tsx
@@ -0,0 +1,28 @@
+import { createStyles } from '@mantine/core';
+
+export const useStyles = createStyles((theme) => ({
+  styledButton: {
+    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[9] : theme.colors.gray[2],
+    color: theme.colorScheme === 'dark' ? theme.colors.gray[0] : theme.colors.dark[9],
+    '&:hover': {
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.gray[8] : theme.colors.gray[3],
+    },
+  },
+  elementButton: {
+    width: '100%',
+    height: '100%',
+    borderRadius: theme.radius.sm
+  },
+  elementStack: {
+    width: '100%',
+  },
+  elementName: {
+    whiteSpace: 'normal',
+    textAlign: 'center',
+    lineHeight: 1.2,
+  },
+  elementText: {
+    lineHeight: 1.2,
+    whiteSpace: 'normal',
+  },
+}));