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

9
src/shared/components/tooltip/tooltip.module.css Normal file
View file

@ -0,0 +1,9 @@
.tooltip {
max-width: 200px;
padding: var(--theme-spacing-sm) var(--theme-spacing-md);
font-size: var(--theme-font-size-md);
font-weight: 550;
color: var(--theme-colors-surface-foreground);
background: var(--theme-colors-surface);
box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 20%);
}

31
src/shared/components/tooltip/tooltip.tsx Normal file
View file

@ -0,0 +1,31 @@
import { Tooltip as MantineTooltip, TooltipProps as MantineTooltipProps } from '@mantine/core';
import styles from './tooltip.module.css';
export interface TooltipProps extends MantineTooltipProps {}
export const Tooltip = ({
children,
openDelay = 500,
transitionProps = {
duration: 250,
transition: 'fade',
},
withinPortal = true,
...props
}: TooltipProps) => {
return (
<MantineTooltip
classNames={{
tooltip: styles.tooltip,
}}
multiline
openDelay={openDelay}
transitionProps={transitionProps}
withinPortal={withinPortal}
{...props}
>
{children}
</MantineTooltip>
);
};