diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 63759bf..847d349 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -45,7 +45,7 @@ export default function HomePage(): ReactElement { }, []) return ( -
+
Ocean Protocol Status -
+

Ocean Protocol Status

@@ -68,7 +68,7 @@ export default function HomePage(): ReactElement {

-
+
{isLoading ? (
Loading...
) : error ? ( diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css index 92eddd9..92ee423 100644 --- a/src/styles/Home.module.css +++ b/src/styles/Home.module.css @@ -1,4 +1,4 @@ -.container { +.app { padding: var(--spacer); margin: 0 auto; background: url('../../node_modules/@oceanprotocol/art/waves/waves.svg') @@ -7,11 +7,18 @@ } @media screen and (min-width: 50rem) { - .container { + .app { padding: calc(var(--spacer) * 2); } } +.header, +.content, +.footer { + max-width: 70rem; + margin: 0 auto; +} + .footer { padding: var(--spacer) 0; } diff --git a/src/utils/getData.ts b/src/utils/getData.ts index fd298d4..342e2ec 100644 --- a/src/utils/getData.ts +++ b/src/utils/getData.ts @@ -14,7 +14,7 @@ export async function getData(): Promise<{ [key: string]: Status }> { ) // make sure 'general' is always the first key output = Object.assign({ general: output['general'] }, output) - console.log('Got new data', JSON.stringify(output)) + console.log('Got new data', output) return output } catch (error) { console.error(error.message)