antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2025-12-31 18:13:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Adjust default dropdown styling

Browse source
This commit is contained in:
jeffvli 2023-03-03 00:30:00 -08:00
parent 661751f306
commit 918b77eebb
3 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/components/context-menu/index.tsx
View file

@ -19,17 +19,17 @@ const ContextMenuContainer = styled(motion.div)<Omit<ContextMenuProps, 'children
min-width: ${({ minWidth }) => minWidth}px;
max-width: ${({ maxWidth }) => maxWidth}px;
background: var(--dropdown-menu-bg);
border-radius: 10px;
border-radius: var(--dropdown-menu-border-radius);
box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 40%);
button:first-child {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius: var(--dropdown-menu-border-radius);
border-top-right-radius: var(--dropdown-menu-border-radius);
}
button:last-child {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: var(--dropdown-menu-border-radius);
border-bottom-left-radius: var(--dropdown-menu-border-radius);
}
`;

4
src/renderer/components/dropdown-menu/index.tsx
View file

@ -85,7 +85,8 @@ const StyledMenuDropdown = styled(MantineMenu.Dropdown)`
`;
const StyledMenuDivider = styled(MantineMenu.Divider)`
/* margin: 0.3rem 0; */
margin: 0;
padding: 0;
`;
export const DropdownMenu = ({ children, ...props }: MenuProps) => {
@ -97,7 +98,6 @@ export const DropdownMenu = ({ children, ...props }: MenuProps) => {
filter: 'drop-shadow(0 0 5px rgb(0, 0, 0, 50%))',
},
}}
transition="fade"
{...props}
>
{children}