oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

more bootstrap loading tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-02-13 12:52:27 +01:00
parent cd9961c58c
commit 4ab8fabb81
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/App.module.scss
View File

@ -12,3 +12,20 @@
.main {
flex: 1;
}
.loader {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 25vh;
> div {
width: 100%;
}
}
.loaderMessage {
color: $brand-grey-light;
}

5
src/App.tsx
View File

@ -127,7 +127,12 @@ class App extends Component<{}, AppState> {
<main className={styles.main}>
{this.state.isLoading ? (
<div className={styles.loader}>
<Spinner />
<div className={styles.loaderMessage}>
Connecting to Ocean...
</div>
</div>
) : (
<Routes />
)}