Set position of loading indicator to fixed

Purpose is to not let the side-elements move up when the page loads and down afterwards
subugoe · Nov 5, 2024 · ed38211 · ed38211
1 parent 392ea42
commit ed38211
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/pages/search/index.vue b/src/pages/search/index.vue
@@ -1,4 +1,9 @@
 <template>
+  <div class="row" v-if="loading">
+    <div class="col text-center">
+      <img src="@/assets/spin-1s-100px.gif" alt="Searching" style="position: fixed; z-index:10;" />
+    </div>
+  </div>
   <div class="container mt-2 lg:px-10">
     <Dialog
       header="Filter"
@@ -40,11 +45,6 @@
       </div>
     </div>
 
-    <div class="row" v-if="loading">
-      <div class="col text-center">
-        <img src="@/assets/spin-1s-100px.gif" alt="Searching" />
-      </div>
-    </div>
     <div class="row mt-3" v-if="!hasResult && !loading">
       <div class="col">
         <div class="card">