style splash screen

This commit is contained in:
Felix Niklas 2015-10-05 14:10:45 +02:00
parent 3e4ad0e8d4
commit 0636963338
2 changed files with 15 additions and 11 deletions

View file

@ -2130,18 +2130,21 @@ footer {
margin-left: 80px; margin-left: 80px;
} }
#splash { .splash {
background-color: #eee;
position: absolute; position: absolute;
width: 100%; left: 0;
top: 0; top: 0;
width: 100%;
height: 100%; height: 100%;
background: hsl(210,17%,98%);
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
.icon {
margin-right: 10px;
} }
#splash .logo {
margin-left: auto;
margin-right: auto;
margin-top: 200px;
width: 100px;
} }
.navigation { .navigation {

View file

@ -2,6 +2,7 @@
<%= inline_svg('icons.svg') %> <%= inline_svg('icons.svg') %>
</div> </div>
<div id="app"></div> <div id="app"></div>
<div id="splash"> <div class="splash">
<div class="logo">booting...</div> <svg class="icon icon-logo"><use xlink:href="#icon-logo"/></svg>
<div class="splash-title">Loading...</div>
</div> </div>