oceanprotocol/status-frontend
1
0
Fork 0
mirror of https://github.com/oceanprotocol/status-frontend.git synced 2024-11-21 17:36:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

layout tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2022-10-19 18:10:04 +01:00
parent a9d6a68545
commit 2e49e35c55
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/index.tsx
View File

@ -45,7 +45,7 @@ export default function HomePage(): ReactElement {
}, [])
return (
<div className={styles.container}>
<div className={styles.app}>
<Head>
<title>Ocean Protocol Status</title>
<meta
@ -55,7 +55,7 @@ export default function HomePage(): ReactElement {
<link rel="icon" href="/favicon.ico" />
</Head>
<header>
<header className={styles.header}>
<LogoAsset className={styles.logo} />
<h1 className={styles.title}>Ocean Protocol Status</h1>
@ -68,7 +68,7 @@ export default function HomePage(): ReactElement {
</p>
</header>
<main>
<main className={styles.content}>
{isLoading ? (
<div className={styles.loading}>Loading...</div>
) : error ? (

11
src/styles/Home.module.css
View File

@ -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;
}

2
src/utils/getData.ts
View File

@ -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)