brett.spaulding
/
getDiscography
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[IMP] better spinner

Browse Source
refactor_total
Brett Spaulding 3 years ago
parent 268e27cd51
commit 56edc0174b
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File

14
static/css/style.css
Unescape View File

@ -93,4 +93,18 @@ a {
.logo { .logo {
width: 100%; width: 100%;
}
.icn-spinner {
animation: spin-animation 0.9s infinite;
display: inline-block;
}
@keyframes spin-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
} }

8
templates/base.html
Unescape View File

@ -18,8 +18,8 @@
</head> </head>
<body> <body>
<div id="loader-wrapper" class="bg-white position-fixed z-3 w-100 h-100 text-center"> <div id="loader-wrapper" class="bg-white position-fixed z-3 w-100 h-100 text-center">
<div class="spinner-border mt-5" role="status" style="position: fixed; top: 50%;"> <div class="" role="status" style="position: fixed; top: 50%;">
<span class="visually-hidden">Loading...</span> <i class="la la-4x la-compact-disc icn-spinner centered"></i>
</div> </div>
</div> </div>
@ -34,7 +34,7 @@
<div class="logo-home mx-auto"> <div class="logo-home mx-auto">
<a id="logo" class="text-black btn-modal" href="#" data-action="main_menu"> <a id="logo" class="text-black btn-modal" href="#" data-action="main_menu">
<h1 class="logo-text" style="margin-left: 6px;"> <h1 class="logo-text" style="margin-left: 6px;">
<i class="la la-dot-circle"></i>Discography <i class="la la-compact-disc"></i>Discography
</h1> </h1>
</a> </a>
</div> </div>
@ -93,7 +93,7 @@
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script type="text/javascript"> <script type="text/javascript">
$(window).on('load', function () { $(window).on('load', function () {
$("#loader-wrapper").fadeOut(700); $("#loader-wrapper").fadeOut(900);
}); });
</script> </script>
<script src="/static/js/app.js"></script> <script src="/static/js/app.js"></script>

Write Preview
Loading…
Cancel
Save