Skip to content

Commit

Permalink
fix: modal pc can not scroll (#2258)
Browse files Browse the repository at this point in the history
  • Loading branch information
nguyenhoaidanh authored Sep 21, 2023
1 parent 23cc4de commit bfc1356
Showing 1 changed file with 1 addition and 3 deletions.
4 changes: 1 addition & 3 deletions src/components/Modal/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,16 +30,14 @@ const StyledDialogContent = styled(
).attrs({
'aria-label': 'dialog',
})`
overflow-y: ${({ mobile }) => (mobile ? 'scroll' : 'hidden')};
&[data-reach-dialog-content] {
margin: ${({ margin }) => margin || '0 0 2rem 0'};
background-color: ${({ theme, bgColor }) => bgColor || theme.tableHeader};
box-shadow: 0 4px 8px 0 ${({ theme }) => transparentize(0.95, theme.shadow1)};
padding: 0;
width: ${({ width }) => width || '50vw'};
height: ${({ height }) => height || 'auto'};
overflow-y: ${({ mobile }) => (mobile ? 'scroll' : 'hidden')};
overflow-y: scroll;
overflow-x: hidden;
align-self: ${({ mobile }) => (mobile ? 'flex-end' : 'center')};
max-width: ${({ maxWidth }) => (maxWidth && !isNaN(maxWidth) ? `${maxWidth}px` : maxWidth)};
Expand Down

0 comments on commit bfc1356

Please sign in to comment.