Add dialog component

2026-06-09 22:02:19 +02:00 · 2023-08-07 21:42:52 -07:00
parent e3fc99cf82
commit fedef48411
2 changed files with 22 additions and 7 deletions
@@ -0,0 +1,14 @@
+import type { DialogProps as MantineDialogProps } from '@mantine/core';
+import { Dialog as MantineDialog } from '@mantine/core';
+import styled from 'styled-components';
+
+const StyledDialog = styled(MantineDialog)`
+    &.mantine-Dialog-root {
+        background-color: var(--modal-bg);
+        box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 40%);
+    }
+`;
+
+export const Dialog = ({ ...props }: MantineDialogProps) => {
+    return <StyledDialog {...props} />;
+};