fix: Menu height on mobile prevents closing

This commit is contained in:
Tom Moor
2023-10-22 21:30:39 -04:00
parent ef76405bd6
commit e7f3e500cd

View File

@@ -245,6 +245,7 @@ export const Background = styled(Scrollable)<BackgroundProps>`
padding: 6px;
min-width: 180px;
min-height: 44px;
max-height: 75vh;
pointer-events: all;
font-weight: normal;
@@ -258,6 +259,7 @@ export const Background = styled(Scrollable)<BackgroundProps>`
transform-origin: ${(props: BackgroundProps) =>
props.rightAnchor ? "75%" : "25%"} 0;
max-width: ${(props: BackgroundProps) => props.maxWidth ?? 276}px;
max-height: 100vh;
background: ${(props: BackgroundProps) => props.theme.menuBackground};
box-shadow: ${(props: BackgroundProps) => props.theme.menuShadow};
`};