added loading element

This commit is contained in:
stitch 2024-09-02 11:52:13 +03:00
parent 70694836cb
commit b859165689
3 changed files with 70 additions and 2 deletions

View File

@ -327,8 +327,8 @@
background: rgba(0,0,0,0.1); background: rgba(0,0,0,0.1);
flex-grow: 1; flex-grow: 1;
/*max-height: 650px;*/ /*max-height: 650px;*/
padding: 10px 15px 10px 10px; padding: 10px;
margin: 0 -5px 0 0; margin: 0;
} }
.filesPageSecMidPreviewInside::-webkit-scrollbar { .filesPageSecMidPreviewInside::-webkit-scrollbar {

View File

@ -91,3 +91,20 @@
background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), linear-gradient(#4c82a3, #4c82a3); background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), linear-gradient(#4c82a3, #4c82a3);
} }
.popupMain.popupMainCenter {
justify-content: center;
}
.popupMainInsideWrapperBoxMidPic {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 25px 0;
}
.popupMainInsideWrapperBoxMidPicImg {
width: 100%;
max-width: 65px;
}

51
loadingElement.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html class="htmlMain" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>SIGit</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/css/dashboard.css">
<link rel="stylesheet" href="assets/css/files.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/frontpage.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/pagination.css">
<link rel="stylesheet" href="assets/css/popups.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/tabs.css">
<link rel="stylesheet" href="assets/css/uploadBox.css">
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet" />
</head>
<body class="bodyMain">
<div class="secMain secMainBody">
<div class="popupMain popupMainCenter">
<div class="containerMain">
<div class="popupMainInside">
<div class="popupMainInsideWrapper">
<div class="popupMainInsideWrapperBox">
<div class="popupMainInsideWrapperBoxMid">
<div class="popupMainInsideWrapperBoxMidPic"><img class="popupMainInsideWrapperBoxMidPicImg" src="assets/img/SIGit%20Logo.svg"></div>
</div>
<div class="popupMainInsideWrapperBoxBottom">
<p>Loading...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/dashboardTriggers.js"></script>
<script src="assets/js/pageActionView.js"></script>
<script src="assets/js/popups.js"></script>
<script src="assets/js/signMobileBox.js"></script>
</body>
</html>