firstcommit

resources/scss/Backend/components/loader.scss

@@ -0,0 +1,44 @@
+.loader {
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1001; /* Ensure it's above the overlay */
+}
+
+.loader:after {
+    content: " ";
+    display: block;
+    width: 40px;
+    height: 40px;
+    margin: 8px;
+    margin-left: 32px;
+    margin-top: 25px;
+    border-radius: 50%;
+    border: 6px solid #fff;
+    border-color: #5a8dee transparent #5a8dee transparent;
+    animation: loader 0.7s linear infinite;
+    text-align: center;
+}
+
+@keyframes loader {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/* Backdrop */
+.backdrop {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    // background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
+    z-index: 999; /* Ensure it's above other content */
+}