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-background"></div>
|
||||
<div class="modal-content">
|
||||
<div class="message">
|
||||
<div class="message-header">
|
||||
Initializing...
|
||||
</div>
|
||||
<div class="message-body content">
|
||||
<div class="notification is-info">
|
||||
<h1 class="title has-text-centered">
|
||||
Loading...
|
||||
</h1>
|
||||
<p>
|
||||
If you can read this,
|
||||
it could mean
|
||||
|
|
|
@ -94,3 +94,23 @@ code {
|
|||
height: 0.5em;
|
||||
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