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;
}
#splash {
background-color: #eee;
.splash {
position: absolute;
width: 100%;
left: 0;
top: 0;
width: 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 {

View file

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