style(#2818): add landscape orientation style

keep-around/99001d5964a4727568711990575a9f282fe3f67e
Andrei Dekterev 3 years ago
parent 6c48c3f582
commit 1d8c776fdc
  1. 13
      src/features/MatchPage/components/FavouriteTeam/styled.tsx

@ -20,10 +20,11 @@ export const ScModalContainer = styled(BaseModal)`
${isMobileDevice ${isMobileDevice
? css` ? css`
width: 95vw; width: 95vw;
max-height: 90vh; height: 85vh;
@media screen and (orientation: landscape){ @media screen and (orientation: landscape){
max-height: 70vh; max-height: 70vh;
min-width:95vw;
} }
` `
: ''}; : ''};
@ -78,10 +79,10 @@ export const ScGroup = styled.div`
width: 100%; width: 100%;
${isMobileDevice ${isMobileDevice
? css` ? css`
height: 70vh; height: 65vh;
@media screen and (orientation: landscape){ @media screen and (orientation: landscape){
height: 30vh; height: 37vh;
} }
` `
: ''}; : ''};
@ -115,8 +116,14 @@ export const ScTeamsList = styled.div`
flex-wrap: unset; flex-wrap: unset;
max-height: unset; max-height: unset;
@media screen and (orientation: landscape){
max-height: 500px;
flex-wrap: wrap;
}
> * { > * {
margin-bottom: 15px; margin-bottom: 15px;
max-width: 150px;
} }
` `

Loading…
Cancel
Save