diff --git a/frontend/assets/index.html b/frontend/assets/index.html index 200e01efa..b0f84f445 100644 --- a/frontend/assets/index.html +++ b/frontend/assets/index.html @@ -1,28 +1,30 @@ + + + + + Deoxys Telemetry + + + + + - - - - - Deoxys Telemetry - - - - - - - - -
- - - \ No newline at end of file + + +
+ + diff --git a/frontend/src/App.css b/frontend/src/App.css index 99c8d7549..42062bcca 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -33,3 +33,8 @@ along with this program. If not, see . text-align: center; color: #888; } + +.text-bold { + font-family: 'Inter', Helvetica, Arial, sans-serif; + font-weight: 700; +} diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 4af9b1d10..3f4b0535b 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -16,7 +16,14 @@ import * as React from 'react'; import { Types, SortedCollection, Maybe, Compare } from './common'; -import { AllChains, Chains, Chain, Ago, OfflineIndicator } from './components'; +import { + AllChains, + Chains, + Chain, + Ago, + OfflineIndicator, + Footer, +} from './components'; import { Row, Column } from './components/List'; import { Connection } from './Connection'; import { Persistent, PersistentObject, PersistentSet } from './persist'; diff --git a/frontend/src/components/Chain/Chain.css b/frontend/src/components/Chain/Chain.css index 9d88a38c4..fd9cc0e2d 100644 --- a/frontend/src/components/Chain/Chain.css +++ b/frontend/src/components/Chain/Chain.css @@ -25,18 +25,20 @@ along with this program. If not, see . /* //ICI */ .Chain-content-container { position: absolute; + bottom: 0; left: 0; right: 0; - bottom: 0; top: 300px; + display: flex; + justify-content: center; + align-items: center; } .Chain-content { - width: 100%; - min-width: 1350px; min-height: 100%; color: #000; + background-color: #fff; border-radius: 10px; + padding: 0px 10%; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); - box-shadow: rgba(0, 0, 0, 0.5) 0 3px 30px; } diff --git a/frontend/src/components/Chain/Chain.tsx b/frontend/src/components/Chain/Chain.tsx index ddb135479..b10302b25 100644 --- a/frontend/src/components/Chain/Chain.tsx +++ b/frontend/src/components/Chain/Chain.tsx @@ -24,6 +24,7 @@ import { } from '../../state'; import { getHashData } from '../../utils'; import { Header } from './'; +import { Footer } from './'; import { List, Map, Settings, Stats } from '../'; import { Persistent, PersistentObject, PersistentSet } from '../../persist'; @@ -82,6 +83,7 @@ export class Chain extends React.Component {
{this.renderContent()}
+ {/*