mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-08 13:00:13 +02:00
Increase dropdown size
This commit is contained in:
@@ -17,12 +17,12 @@ type MenuDropdownProps = MantineMenuDropdownProps;
|
||||
|
||||
const StyledMenu = styled(MantineMenu)<MenuProps>``;
|
||||
|
||||
const StyledMenuLabel = styled(MantineMenu.Label)`
|
||||
const StyledMenuLabel = styled(MantineMenu.Label)<MenuLabelProps>`
|
||||
font-family: var(--label-font-family);
|
||||
`;
|
||||
|
||||
const StyledMenuItem = styled(MantineMenu.Item)`
|
||||
padding: 0.5rem;
|
||||
const StyledMenuItem = styled(MantineMenu.Item)<MenuItemProps>`
|
||||
padding: 0.8rem;
|
||||
font-size: 0.9em;
|
||||
font-family: var(--label-font-family);
|
||||
background-color: var(--dropdown-menu-bg);
|
||||
@@ -31,6 +31,11 @@ const StyledMenuItem = styled(MantineMenu.Item)`
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
& .mantine-Menu-itemLabel {
|
||||
font-weight: 500;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
& .mantine-Menu-itemRightSection {
|
||||
margin-left: 2rem !important;
|
||||
}
|
||||
@@ -46,7 +51,7 @@ const StyledMenuDivider = styled(MantineMenu.Divider)`
|
||||
|
||||
export const DropdownMenu = ({ children, ...props }: MenuProps) => {
|
||||
return (
|
||||
<StyledMenu withinPortal {...props}>
|
||||
<StyledMenu withinPortal radius="sm" transition="scale" {...props}>
|
||||
{children}
|
||||
</StyledMenu>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user