style(#188): add tunis config to auth
Andrei Dekterev
3 years ago
committed by
Gitea
parent
998b7176de
commit
2d445cbc02
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 21 KiB |
@ -0,0 +1,57 @@ |
|||||||
|
import { css } from 'styled-components/macro' |
||||||
|
|
||||||
|
import { |
||||||
|
ClientConfig, |
||||||
|
ClientIds, |
||||||
|
ClientNames, |
||||||
|
} from './types' |
||||||
|
|
||||||
|
const randomHash = () => ( |
||||||
|
(Math.random() ** Math.random()) * 9999999999999999 |
||||||
|
) |
||||||
|
|
||||||
|
export const tunis: ClientConfig = { |
||||||
|
auth: { |
||||||
|
clientId: ClientIds.Tunis, |
||||||
|
metaDataUrlParams: `?hash=${randomHash()}`, |
||||||
|
}, |
||||||
|
defaultLanguage: 'fr', |
||||||
|
description: 'Live sports streaming platform. All matches playing under the auspices of Czech Republic FA. Access to full matches, various player playlists, and highlights. Free access in the Czech Republic. Available across all devices', |
||||||
|
disabledPreferences: false, |
||||||
|
name: ClientNames.Tunis, |
||||||
|
privacyLink: '/privacy-policy-and-statement', |
||||||
|
showSearch: false, |
||||||
|
styles: { |
||||||
|
background: '', |
||||||
|
homePageHeader: css` |
||||||
|
background: radial-gradient( |
||||||
|
160.34% 257.27% at -7.45% 162.22%, |
||||||
|
#2AB7AA 3.27%, |
||||||
|
#02505C 43.69%, #0B2E4D 100%); |
||||||
|
`,
|
||||||
|
logo: 'tunis-logo.svg', |
||||||
|
logoHeight: 6.3, |
||||||
|
logoLeft: 1.1, |
||||||
|
logoTop: 1.74, |
||||||
|
logoWidth: 8.25, |
||||||
|
matchLogoHeight: 3.4, |
||||||
|
matchLogoTopMargin: 0.9, |
||||||
|
matchLogoWidth: 4.5, |
||||||
|
matchPageMobileHeaderLogo: css` |
||||||
|
width: 35px; |
||||||
|
height: 25px; |
||||||
|
top: 2px; |
||||||
|
`,
|
||||||
|
mobileHeaderLogo: css` |
||||||
|
width: 48px; |
||||||
|
height: 37px; |
||||||
|
`,
|
||||||
|
userAccountLogo: css` |
||||||
|
width: 4.56rem; |
||||||
|
height: 3.488rem; |
||||||
|
`,
|
||||||
|
}, |
||||||
|
termsLink: '/terms-and-conditions?client_id=facr-ott-web', |
||||||
|
title: 'FACR.TV - The home of Czech football streaming', |
||||||
|
userAccountLinksDisabled: true, |
||||||
|
} |
||||||
@ -0,0 +1,67 @@ |
|||||||
|
import styled, { css } from 'styled-components/macro' |
||||||
|
|
||||||
|
import { tunis as platformTunis } from 'config/clients/tunis' |
||||||
|
|
||||||
|
import { isMobileDevice } from 'config/userAgent' |
||||||
|
import type { ClientConfig } from './types' |
||||||
|
|
||||||
|
const Background = styled.div` |
||||||
|
position: relative; |
||||||
|
width: 100%; |
||||||
|
height: 100vh; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
background: linear-gradient(0deg, rgba(2, 46, 48, 0.3), |
||||||
|
rgba(2, 46, 48, 0.3)),
|
||||||
|
radial-gradient(152.89% 271.81% at 0% 96.71%, #2AB7AA 3.27%, #02505C 43.69%, #0B2E4D 100%); |
||||||
|
` |
||||||
|
|
||||||
|
export const tunis: ClientConfig = { |
||||||
|
...platformTunis, |
||||||
|
background: Background, |
||||||
|
styles: { |
||||||
|
centerBlock: css` |
||||||
|
margin-top: 9.15rem; |
||||||
|
${isMobileDevice ? css` |
||||||
|
margin-top: 107px; |
||||||
|
@media screen and (orientation: landscape) { |
||||||
|
width: 290px; |
||||||
|
margin: auto; |
||||||
|
} |
||||||
|
` : ''};
|
||||||
|
`,
|
||||||
|
input: css` |
||||||
|
background-color: transparent; |
||||||
|
:not(:last-of-type) { |
||||||
|
border-color: ${({ theme }) => theme.colors.white}; |
||||||
|
} |
||||||
|
`,
|
||||||
|
inputGroup: css` |
||||||
|
border: 1px solid ${({ theme }) => theme.colors.white}; |
||||||
|
`,
|
||||||
|
loader: css` |
||||||
|
color: #0B2E4D; |
||||||
|
`,
|
||||||
|
logo: css` |
||||||
|
background-image: url(/images/tunis_auth_logo.svg); |
||||||
|
width: 200px; |
||||||
|
height: 178px; |
||||||
|
margin-bottom: 1.82rem; |
||||||
|
|
||||||
|
${isMobileDevice ? css` |
||||||
|
margin-bottom: 20px; |
||||||
|
width: 130px; |
||||||
|
height: 100px; |
||||||
|
` : ''}
|
||||||
|
`,
|
||||||
|
popupApplyButton: css` |
||||||
|
background-color: #0E8F84; |
||||||
|
color: ${({ theme }) => theme.colors.white}; |
||||||
|
`,
|
||||||
|
popupLoader: '#FFFFFF', |
||||||
|
submitButton: css` |
||||||
|
background-color: ${({ theme }) => theme.colors.white}; |
||||||
|
color: #0B2E4D; |
||||||
|
`,
|
||||||
|
}, |
||||||
|
} |
||||||
Loading…
Reference in new issue