67 lines
2.3 KiB
Text
67 lines
2.3 KiB
Text
|
<style>
|
||
|
|
@media all and (min-width: 0px) and (max-width: 600px) {
|
||
|
|
.responsive {
|
||
|
|
width: calc(100vw - 30px)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media all and (min-width: 0px) and (max-width: 590px) {
|
||
|
|
.responsive {
|
||
|
|
margin-top: calc(100vh / 4) !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.preloader {
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100vh;
|
||
|
|
z-index: 99999999;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-image: none;
|
||
|
|
background-color: #FFF;
|
||
|
|
background-position: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#scroll {
|
||
|
|
height: 100% !important;
|
||
|
|
/* overflow: hidden; */
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div class="preloader">
|
||
|
|
<div class="progress-wrapper">
|
||
|
|
<div id="progress-bar" class="progress">
|
||
|
|
<div id="progress" class="progress-bar bg-gradient-primary" role="progressbar" aria-valuenow="60"
|
||
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 0%;"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<% if(themeConfig.preloader){ %>
|
||
|
|
<% if(themeConfig.preloader.image) { %>
|
||
|
|
<% if(!themeConfig.preloader.spinner) { %>
|
||
|
|
<div class="loader">
|
||
|
|
<img class="responsive preloader-image" src="<%- themeConfig.preloader.image %>" alt=""
|
||
|
|
style="border-radius: 5%; display: block; margin-left: auto; margin-right: auto; margin-top: calc(100vh / 5.8);">
|
||
|
|
</div>
|
||
|
|
<% } %>
|
||
|
|
<% } %>
|
||
|
|
<% if(themeConfig.preloader.text){ %>
|
||
|
|
<br>
|
||
|
|
<div style="text-align: center;<% if(themeConfig.preloader.spinner) { %>margin-top: calc(100vh / 2.7);<% } %>">
|
||
|
|
<h1 class="font-weight-bolder text-primary text-gradient"><%- req?.locales?.partials?.preloader?.text %></h1>
|
||
|
|
<% if(themeConfig.preloader.spinner) { %>
|
||
|
|
|
||
|
|
<div style="transform: scale(3); padding-top: 30px;">
|
||
|
|
<div style="text-align: center; " class="spinner-border text-primary text-gradient"
|
||
|
|
role="status">
|
||
|
|
<span class="visually-hidden">Loading...</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<% } %>
|
||
|
|
</div>
|
||
|
|
<% } %>
|
||
|
|
<% } %>
|
||
|
|
</div>
|