skeleton check loading

2025-02-26 11:56:40 +03:30
parent 01f233248b
commit e3466bc951
13 changed files with 191 additions and 54 deletions
@@ -199,3 +199,29 @@ tbody tr {
 .has-number {
  font-family: Roboto !important;
 }
+
+.skeleton-box {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  overflow: hidden;
+  background-color: #dddbdd;
+}
+
+.skeleton-box:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform: translateX(-100%);
+  background-image: linear-gradient(
+    90deg,
+    rgba(#fff, 0) 0,
+    rgba(#fff, 0.2) 20%,
+    rgba(#fff, 0.5) 60%,
+    rgba(#fff, 0)
+  );
+  animation: shimmer 5s infinite;
+  content: "";
+}