fazo96/ipfs-boards
1
0
Fork 0
mirror of https://github.com/fazo96/ipfs-boards synced 2025-01-10 12:24:20 +01:00
Code Issues Releases Wiki Activity

style fixes

Browse Source
This commit is contained in:
Enrico Fasoli 2015-12-23 16:49:52 +01:00
parent 0cf95a7897
commit 6b54ec8b30
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webapp/app.jsx
View File

@ -7,7 +7,7 @@ require('raleway.css')
// Start // Start
document.getElementById('root').innerHTML = ` document.getElementById('root').innerHTML = `
<div style="text-align:center"> <div style="text-align:center;margin-top:2rem">
<h1>Loading</h1> <h1>Loading</h1>
<p>Gathering components</p> <p>Gathering components</p>
</div> </div>
@ -130,7 +130,7 @@ require.ensure('react', _ => {
</Route> </Route>
</Router> </Router>
} else { } else {
return <div className="loading" > return <div className="loading" style={{ marginTop: '2rem' }} >
<div className="text-center"> <div className="text-center">
<Icon className="center-block fa-spin fa-3x light" name="refresh" /> <Icon className="center-block fa-spin fa-3x light" name="refresh" />
<h4 className="top-half-em">Downloading Components</h4> <h4 className="top-half-em">Downloading Components</h4>

2
webapp/index.html
View File

@ -20,7 +20,7 @@
</div> </div>
</noscript> </noscript>
<div id="root"> <div id="root">
<div style="text-align:center"> <div style="text-align:center;margin-top:2rem">
<h1>Loading</h1> <h1>Loading</h1>
<p>Downloading Scripts</p> <p>Downloading Scripts</p>
</div> </div>

9
webapp/style.css
View File

@ -141,7 +141,7 @@ a:hover {
.navbar { .navbar {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
display: block; display: block;
height: 4.5em height: 4em
} }
.navbar .container { .navbar .container {
@ -195,6 +195,13 @@ a:hover {
margin-top: 1rem; margin-top: 1rem;
} }
@media (min-width: 550px) {
/* larger than mobile */
.navbar {
height: 4.5em
}
}
@media (min-width: 500px) { @media (min-width: 500px) {
/* larger than mobile */ /* larger than mobile */
.buttons { .buttons {