Skip to content

Commit

Permalink
Fix: val modal mobile (#208)
Browse files Browse the repository at this point in the history
  • Loading branch information
rickimoore authored Aug 21, 2023
1 parent 13aa398 commit f73e9c3
Showing 1 changed file with 1 addition and 2 deletions.
3 changes: 1 addition & 2 deletions src/components/ValidatorModal/ValidatorModal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,6 @@ const ValidatorModal = () => {
const validator = useRecoilValue(selectValidatorDetail)
const [activeIndex, setIndex] = useState(0)
const [view, setView] = useState<ValidatorModalView>(ValidatorModalView.EXIT)
const isMobile = useMediaQuery('(max-width: 425px)')
const isTablet = useMediaQuery('(max-width: 768px)')
const isLargeScreen = useMediaQuery('(min-width: 1540px)')

Expand Down Expand Up @@ -72,7 +71,7 @@ const ValidatorModal = () => {
isVisible={!!validator && isReady}
styles={{
width: 'fit-content',
maxWidth: isMobile ? '99%' : isTablet ? '448px' : isLargeScreen ? '1200px' : '900px',
maxWidth: isTablet ? '99%' : isLargeScreen ? '1200px' : '900px',
height: isTablet ? '540px' : 'max-content',
}}
onClose={closeModal}
Expand Down

0 comments on commit f73e9c3

Please sign in to comment.