Skip to content

Commit e2d7c81

Browse files
committed
feat: max height and scrollable on mobile
1 parent 20ae3a4 commit e2d7c81

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

web/src/components/ExternalLinkWarning.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,15 @@ const StyledModal = styled(Modal)`
1818
margin-right: -50%;
1919
transform: translate(-50%, -50%);
2020
height: auto;
21+
max-height: 90vh;
2122
width: min(90%, 480px);
2223
border: 1px solid ${({ theme }) => theme.stroke};
2324
border-radius: 8px;
2425
background-color: ${({ theme }) => theme.whiteBackground};
2526
padding: 32px;
2627
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
2728
z-index: 10002;
29+
overflow-y: auto;
2830
`;
2931

3032
const Overlay = styled.div`

0 commit comments

Comments
 (0)