mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-09 20:29:36 +02:00
improve tooltip readability
This commit is contained in:
@@ -1,9 +1,7 @@
|
|||||||
.tooltip {
|
.tooltip {
|
||||||
max-width: 200px;
|
|
||||||
padding: var(--theme-spacing-sm) var(--theme-spacing-md);
|
padding: var(--theme-spacing-sm) var(--theme-spacing-md);
|
||||||
font-size: var(--theme-font-size-md);
|
font-size: var(--theme-font-size-md);
|
||||||
font-weight: 550;
|
|
||||||
color: var(--theme-colors-surface-foreground);
|
color: var(--theme-colors-surface-foreground);
|
||||||
background: var(--theme-colors-surface);
|
background: var(--theme-colors-surface);
|
||||||
box-shadow: 4px 4px 10px 0 rgb(0 0 0 / 20%);
|
box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 60%);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -16,12 +16,14 @@ export const Tooltip = ({
|
|||||||
}: TooltipProps) => {
|
}: TooltipProps) => {
|
||||||
return (
|
return (
|
||||||
<MantineTooltip
|
<MantineTooltip
|
||||||
|
arrowSize={10}
|
||||||
classNames={{
|
classNames={{
|
||||||
tooltip: styles.tooltip,
|
tooltip: styles.tooltip,
|
||||||
}}
|
}}
|
||||||
multiline
|
multiline
|
||||||
openDelay={openDelay}
|
openDelay={openDelay}
|
||||||
transitionProps={transitionProps}
|
transitionProps={transitionProps}
|
||||||
|
withArrow
|
||||||
withinPortal={withinPortal}
|
withinPortal={withinPortal}
|
||||||
{...props}
|
{...props}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user