mirror of
https://github.com/antebudimir/feishin.git
synced 2026-01-01 18:33:33 +00:00
Add dialog component
This commit is contained in:
parent
e3fc99cf82
commit
fedef48411
2 changed files with 22 additions and 7 deletions
14
src/renderer/components/dialog/index.tsx
Normal file
14
src/renderer/components/dialog/index.tsx
Normal file
|
|
@ -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} />;
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue