diff --git a/src/features/MatchPage/components/FavouriteTeam/styled.tsx b/src/features/MatchPage/components/FavouriteTeam/styled.tsx index 4ff72be7..8accb6ff 100644 --- a/src/features/MatchPage/components/FavouriteTeam/styled.tsx +++ b/src/features/MatchPage/components/FavouriteTeam/styled.tsx @@ -20,10 +20,11 @@ export const ScModalContainer = styled(BaseModal)` ${isMobileDevice ? css` width: 95vw; - max-height: 90vh; + height: 85vh; @media screen and (orientation: landscape){ max-height: 70vh; + min-width:95vw; } ` : ''}; @@ -78,10 +79,10 @@ export const ScGroup = styled.div` width: 100%; ${isMobileDevice ? css` - height: 70vh; + height: 65vh; @media screen and (orientation: landscape){ - height: 30vh; + height: 37vh; } ` : ''}; @@ -115,8 +116,14 @@ export const ScTeamsList = styled.div` flex-wrap: unset; max-height: unset; + @media screen and (orientation: landscape){ + max-height: 500px; + flex-wrap: wrap; + } + > * { margin-bottom: 15px; + max-width: 150px; } ` @@ -130,7 +137,7 @@ export const ButtonsBlock = styled.div` ${isMobileDevice ? css` margin-top: 15px; - ` +` : ''}; `