vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-07 04:20:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

update popover/dropdown bg styles

Browse Source
This commit is contained in:
jeffvli
2025-10-08 21:38:06 -07:00
parent 3b4a667f61
commit 53daa90bff
3 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/components/dropdown-menu/dropdown-menu.module.css
+4 -4
View File
@@ -6,7 +6,7 @@
cursor: default;
&:hover {
background: var(--theme-colors-background);
background: var(--theme-colors-surface);
}
}
@@ -18,7 +18,7 @@
margin-right: var(--theme-spacing-md);
margin-left: var(--theme-spacing-md);
font-size: var(--theme-font-size-sm);
color: var(--theme-colors-surface-foreground);
color: var(--theme-colors-surfaceforeground);
}
.selected {
@@ -45,8 +45,8 @@
.menu-dropdown {
padding: var(--theme-spacing-xs);
color: var(--theme-colors-surface-foreground);
background: var(--theme-colors-surface);
color: var(--theme-colors-foreground);
background: var(--theme-colors-background);
border: 1px solid var(--theme-colors-border);
filter: drop-shadow(0 0 5px rgb(0 0 0 / 50%));
}
src/shared/components/popover/popover.module.css
+2 -2
View File
@@ -1,7 +1,7 @@
.dropdown {
padding: var(--theme-spacing-xs);
color: var(--theme-colors-surface-foreground);
background: var(--theme-colors-surface);
color: var(--theme-colors-foreground);
background: var(--theme-colors-background);
border: 1px solid var(--theme-colors-border);
filter: drop-shadow(0 0 5px rgb(0 0 0 / 50%));
}
src/shared/components/popover/popover.tsx
+2
View File
@@ -13,10 +13,12 @@ export interface PopoverProps extends MantinePopoverProps {}
export const Popover = ({ children, ...props }: PopoverProps) => {
return (
<MantinePopover
arrowSize={10}
classNames={{
dropdown: styles.dropdown,
}}
transitionProps={{ transition: 'fade' }}
withArrow
withinPortal
{...props}
>