mirror of https://github.com/nealey/vail.git
Make it look less worrisome
This commit is contained in:
parent
2380c28584
commit
6c2aa40d8b
|
@ -45,11 +45,10 @@
|
||||||
<div class="modal is-active init">
|
<div class="modal is-active init">
|
||||||
<div class="modal-background"></div>
|
<div class="modal-background"></div>
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<div class="message">
|
<div class="notification is-info">
|
||||||
<div class="message-header">
|
<h1 class="title has-text-centered">
|
||||||
Initializing...
|
Loading...
|
||||||
</div>
|
</h1>
|
||||||
<div class="message-body content">
|
|
||||||
<p>
|
<p>
|
||||||
If you can read this,
|
If you can read this,
|
||||||
it could mean
|
it could mean
|
||||||
|
|
|
@ -94,3 +94,23 @@ code {
|
||||||
height: 0.5em;
|
height: 0.5em;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.loader {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border: 5px solid #FFF;
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: inline-block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
animation: rotation 1s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes rotation {
|
||||||
|
0% {
|
||||||
|
transform: rotate(0deg);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue