Add loader until page loads completely

2021-10-03 15:59:24 +01:00
parent 90a31e8923
commit 80e7c24811
18 changed files with 280 additions and 147 deletions
@@ -292,6 +292,14 @@ label .MuiIconButton-label > input {
  column-gap: 2px;
 }

+.page-loader-container {
+  width: 30%;
+  height: min-content;
+  line-height: 0;
+  border-radius: 150px;
+  background: var(--primary-color-dark);
+}
+
 .page-loader {
  margin: auto;
  width: 30%;
@@ -395,6 +403,10 @@ label .MuiIconButton-label > input {
  visibility: hidden;
 }

+.transparent {
+  opacity: 0 !important;
+}
+
@media screen and (max-width: 420px) {
  .progress-history-container > div > *:nth-child(2), .progress-history-container--complete > div > *:nth-last-child(3), .progress-history-container--incomplete > div > *:nth-last-child(4) {
    display: none;