antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-09 05:44:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Migrate to Mantine v8 and Design Changes (#961)

Browse source 
* mantine v8 migration

* various design changes and improvements
This commit is contained in:
Jeff 2025-06-24 00:04:36 -07:00 • committed by GitHub
parent bea55d48a8
commit c1330d92b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
473 changed files with 12469 additions and 11607 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/shared/components/popover/popover.module.css Normal file
View file

@ -0,0 +1,7 @@
.dropdown {
padding: var(--theme-spacing-xs);
color: var(--theme-colors-surface-foreground);
background: var(--theme-colors-surface);
border: 1px solid var(--theme-colors-border);
filter: drop-shadow(0 0 5px rgb(0 0 0 / 50%));
}

29
src/shared/components/popover/popover.tsx Normal file
View file

@ -0,0 +1,29 @@
import type {
PopoverDropdownProps as MantinePopoverDropdownProps,
PopoverProps as MantinePopoverProps,
} from '@mantine/core';
import { Popover as MantinePopover } from '@mantine/core';
import styles from './popover.module.css';
export interface PopoverDropdownProps extends MantinePopoverDropdownProps {}
export interface PopoverProps extends MantinePopoverProps {}
export const Popover = ({ children, ...props }: PopoverProps) => {
return (
<MantinePopover
classNames={{
dropdown: styles.dropdown,
}}
transitionProps={{ transition: 'fade' }}
withinPortal
{...props}
>
{children}
</MantinePopover>
);
};
Popover.Target = MantinePopover.Target;
Popover.Dropdown = MantinePopover.Dropdown;