|
|
|
|
@ -14,12 +14,17 @@ export const ScModalContainer = styled(BaseModal)` |
|
|
|
|
padding: 0; |
|
|
|
|
background: #333333; |
|
|
|
|
border-radius: 5px; |
|
|
|
|
z-index: 100; |
|
|
|
|
${customScrollbar} |
|
|
|
|
|
|
|
|
|
${isMobileDevice |
|
|
|
|
? css` |
|
|
|
|
width: 95vw; |
|
|
|
|
height: 95vh; |
|
|
|
|
max-height: 90vh; |
|
|
|
|
|
|
|
|
|
@media screen and (orientation: landscape){ |
|
|
|
|
max-height: 70vh; |
|
|
|
|
} |
|
|
|
|
` |
|
|
|
|
: ''}; |
|
|
|
|
} |
|
|
|
|
@ -73,10 +78,10 @@ export const ScGroup = styled.div` |
|
|
|
|
width: 100%; |
|
|
|
|
${isMobileDevice |
|
|
|
|
? css` |
|
|
|
|
height: 75vh; |
|
|
|
|
height: 70vh; |
|
|
|
|
|
|
|
|
|
@media screen and (orientation: landscape){ |
|
|
|
|
height: 60vh; |
|
|
|
|
height: 30vh; |
|
|
|
|
} |
|
|
|
|
` |
|
|
|
|
: ''}; |
|
|
|
|
@ -110,6 +115,10 @@ export const ScTeamsList = styled.div` |
|
|
|
|
flex-wrap: unset; |
|
|
|
|
max-height: unset; |
|
|
|
|
|
|
|
|
|
> * { |
|
|
|
|
margin-bottom: 15px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
` |
|
|
|
|
: ''}; |
|
|
|
|
` |
|
|
|
|
|