Cool_Tools/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2024-11-20 06:27:09 +01:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Add dialog component

Browse Source
This commit is contained in:
jeffvli 2023-08-07 21:42:52 -07:00
parent e3fc99cf82
commit fedef48411
2 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/renderer/components/dialog/index.tsx Normal file
View 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} />;
};

15
src/renderer/components/index.ts
View File

@ -3,15 +3,23 @@ export * from './audio-player';
export * from './badge';
export * from './button';
export * from './card';
export * from './checkbox';
export * from './context-menu';
export * from './date-picker';
export * from './dialog';
export * from './dropdown-menu';
export * from './feature-carousel';
export * from './hover-card';
export * from './input';
export * from './modal';
export * from './motion';
export * from './option';
export * from './page-header';
export * from './pagination';
export * from './paper';
export * from './popover';
export * from './query-builder';
export * from './rating';
export * from './scroll-area';
export * from './search-input';
export * from './segmented-control';
@ -25,10 +33,3 @@ export * from './text';
export * from './text-title';
export * from './toast';
export * from './tooltip';
export * from './motion';
export * from './context-menu';
export * from './query-builder';
export * from './rating';
export * from './hover-card';
export * from './option';
export * from './checkbox';