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