add css 404 error

SMsajjadSM · Dec 14, 2023 · 2613cd5 · 2613cd5
1 parent 1881073
commit 2613cd5
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -696,9 +696,46 @@ article.container::before {
 /*-----------------------------------*\
   #LOADING
 \*-----------------------------------*/
+.loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--background);
+  place-items: center;
+  z-index: 1;
+  display: none;
+}
+.loading::before {
+  content: "";
+  width: 48px;
+  height: 48px;
+  border: 4px solid var(--on-background);
+  border-block-start-color: transparent;
+  border-radius: var(--radius-circle);
+  animation: loading 500ms linear infinite;
+}
 /*-----------------------------------*\
   #ERROR SECTION
 \*-----------------------------------*/
+.error-content {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  height: 100svh;
+  background-color: var(--background);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: none;
+  z-index: 8;
+}
+.error-content .btn-primary {
+  margin-block-start: 20px;
+}
 /*-----------------------------------*\
   #MEDIA QUERIES
 \*-----------------------------------*/