Styles: Add styles to 'vehicles__list--wrapper' if has 'loader-indica…

…tor'
ITurres · Apr 1, 2024 · 971f1ee · 971f1ee
1 parent 968fa4a
commit 971f1ee
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/styles/pages/VehiclesPage.scss b/src/styles/pages/VehiclesPage.scss
@@ -44,6 +44,17 @@ $screen-max-height: 576px;
     justify-content: flex-end;
   }
 
+  .vehicles__list--wrapper:has(.loader-indicator) {
+    justify-content: center;
+
+    @media screen and (min-width: $screen-min-width) {
+      // * Centers the spinner in the middle of the screen.
+      .loader-indicator {
+        margin-left: 20%;
+      }
+    }
+  }
+
   // ? breakpoint for mobile devices when are in landscape mode.
   @media (orientation: landscape) and (max-height: $screen-max-height) {
     height: unset;