diff --git a/frontend/cypress/integration/mainnet/mainnet.spec.ts b/frontend/cypress/integration/mainnet/mainnet.spec.ts index e9a5c1c8e..a9b112514 100644 --- a/frontend/cypress/integration/mainnet/mainnet.spec.ts +++ b/frontend/cypress/integration/mainnet/mainnet.spec.ts @@ -35,8 +35,9 @@ describe('Mainnet', () => { cy.viewport('macbook-16'); cy.visit('/'); cy.get('li:nth-of-type(4) > a').click().then(() => { + cy.viewport('macbook-16'); cy.wait(1000); - cy.get('.tv-only').should('not.be.visible'); + cy.get('.blockchain-wrapper').should('be.visible'); }); }); @@ -45,7 +46,7 @@ describe('Mainnet', () => { cy.get('li:nth-of-type(4) > a').click().then(() => { cy.viewport('iphone-6'); cy.wait(1000); - cy.get('.tv-only').should('be.visible'); + cy.get('.blockchain-wrapper').should('not.be.visible'); }); }); }); diff --git a/frontend/src/app/components/television/television.component.html b/frontend/src/app/components/television/television.component.html index dda09e23e..a541630a4 100644 --- a/frontend/src/app/components/television/television.component.html +++ b/frontend/src/app/components/television/television.component.html @@ -4,8 +4,6 @@
-
TV only
-
diff --git a/frontend/src/app/components/television/television.component.scss b/frontend/src/app/components/television/television.component.scss index d7b105bfb..48a83e1a1 100644 --- a/frontend/src/app/components/television/television.component.scss +++ b/frontend/src/app/components/television/television.component.scss @@ -31,6 +31,15 @@ .blockchain-wrapper { + display: flex; + height: 100%; + min-height: 240px; + position: relative; + top: -20px; + @media(min-height: 800px) { + top: 10px; + } + .position-container { position: absolute; left: 50%; @@ -76,29 +85,13 @@ } } -.tv-only { - display: block; - height: 100vh; - width: 100%; - position: relative; - display: flex; - text-align: center; - flex-direction: row; - align-items: center; - justify-content: center; - @media(min-width: 768px) { - display: none; - } - @media(max-height: 720px) { - display: flex; - } -} .tv-container { - display: none; - @media(min-width: 768px) { - display: flex; - } - @media(max-height: 720px) { - display: none; + display: flex; + margin-top: 0px; + flex-direction: column; + @media(max-height: 700px) { + .blockchain-wrapper{ + display: none !important; + } } } \ No newline at end of file