|
|
|
@ -1,7 +1,6 @@ |
|
|
|
import styled, { css } from 'styled-components/macro' |
|
|
|
import styled, { css } from 'styled-components/macro' |
|
|
|
|
|
|
|
|
|
|
|
import { isMobileDevice } from 'config/userAgent' |
|
|
|
import { isMobileDevice } from 'config/userAgent' |
|
|
|
import { devices } from 'config' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export const ControlsGradient = styled.div` |
|
|
|
export const ControlsGradient = styled.div` |
|
|
|
background-image: url(/images/player-controls-gradient.png); |
|
|
|
background-image: url(/images/player-controls-gradient.png); |
|
|
|
@ -113,9 +112,11 @@ export const PlayerWrapper = styled.div<PlayStopProps>` |
|
|
|
padding-top: 56.25%; |
|
|
|
padding-top: 56.25%; |
|
|
|
`}
|
|
|
|
`}
|
|
|
|
|
|
|
|
|
|
|
|
${devices.laptop} { |
|
|
|
${isMobileDevice |
|
|
|
|
|
|
|
? css` |
|
|
|
min-height: auto; |
|
|
|
min-height: auto; |
|
|
|
} |
|
|
|
` |
|
|
|
|
|
|
|
: ''}; |
|
|
|
` |
|
|
|
` |
|
|
|
|
|
|
|
|
|
|
|
export const LoaderWrapper = styled.div` |
|
|
|
export const LoaderWrapper = styled.div` |
|
|
|
|