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

Increase dropdown size

Browse Source
This commit is contained in:
jeffvli
2022-11-05 03:12:04 -07:00
parent e014ac0a4b
commit 63dba7b379
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/dropdown-menu/index.tsx
+9 -4
View File
@@ -17,12 +17,12 @@ type MenuDropdownProps = MantineMenuDropdownProps;
const StyledMenu = styled(MantineMenu)<MenuProps>``; const StyledMenu = styled(MantineMenu)<MenuProps>``;
const StyledMenuLabel = styled(MantineMenu.Label)` const StyledMenuLabel = styled(MantineMenu.Label)<MenuLabelProps>`
font-family: var(--label-font-family); font-family: var(--label-font-family);
`; `;
const StyledMenuItem = styled(MantineMenu.Item)` const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
padding: 0.5rem; padding: 0.8rem;
font-size: 0.9em; font-size: 0.9em;
font-family: var(--label-font-family); font-family: var(--label-font-family);
background-color: var(--dropdown-menu-bg); background-color: var(--dropdown-menu-bg);
@@ -31,6 +31,11 @@ const StyledMenuItem = styled(MantineMenu.Item)`
margin-right: 0.5rem; margin-right: 0.5rem;
} }
& .mantine-Menu-itemLabel {
font-weight: 500;
font-size: 1em;
}
& .mantine-Menu-itemRightSection { & .mantine-Menu-itemRightSection {
margin-left: 2rem !important; margin-left: 2rem !important;
} }
@@ -46,7 +51,7 @@ const StyledMenuDivider = styled(MantineMenu.Divider)`
export const DropdownMenu = ({ children, ...props }: MenuProps) => { export const DropdownMenu = ({ children, ...props }: MenuProps) => {
return ( return (
<StyledMenu withinPortal {...props}> <StyledMenu withinPortal radius="sm" transition="scale" {...props}>
{children} {children}
</StyledMenu> </StyledMenu>
); );