diff --git a/packages/proposal-components/src/components/ProposalList.tsx b/packages/proposal-components/src/components/ProposalList.tsx index 1181b3d..82f1689 100644 --- a/packages/proposal-components/src/components/ProposalList.tsx +++ b/packages/proposal-components/src/components/ProposalList.tsx @@ -43,4 +43,8 @@ const List = styled.div` @media (max-width: 425px) { padding-top: 118px; } + + @media (max-width: 375px) { + padding-top: 142px; + } ` diff --git a/packages/proposal-components/src/components/ProposalVoteCard/VoteChart.tsx b/packages/proposal-components/src/components/ProposalVoteCard/VoteChart.tsx index 98022ba..e1d7f44 100644 --- a/packages/proposal-components/src/components/ProposalVoteCard/VoteChart.tsx +++ b/packages/proposal-components/src/components/ProposalVoteCard/VoteChart.tsx @@ -237,6 +237,11 @@ const TimeLeftMobile = styled.div` letter-spacing: 0.1px; color: #939ba1; + @media (max-width: 375px) { + bottom: unset; + top: -23px; + } + &.mobile { font-size: 12px; } diff --git a/packages/react-components/src/components/Modal.tsx b/packages/react-components/src/components/Modal.tsx index 1798ef0..88e3e39 100644 --- a/packages/react-components/src/components/Modal.tsx +++ b/packages/react-components/src/components/Modal.tsx @@ -47,6 +47,7 @@ const PopUpOverlay = styled.div` background-color: rgba(0, 0, 0, 0.4); z-index: 9999; transition: all 0.3s; + overflow: scroll; @media (max-width: 600px) { padding: 16px; @@ -59,13 +60,11 @@ const PopUpWindow = styled.div` flex-direction: column; justify-content: space-between; width: 468px; - max-height: 75vh; background-color: white; margin: 20vh auto 2vh; padding: 24px 24px 32px; box-shadow: 10px 10px 31px -2px #a3a1a1; border-radius: 5px; - overflow: scroll; z-index: 9998; -ms-overflow-style: none;