Move search sort menu into loading area
authorAdam Dullage <redacted>
Fri, 17 May 2024 07:12:26 +0000 (08:12 +0100)
committerAdam Dullage <redacted>
Fri, 17 May 2024 07:12:26 +0000 (08:12 +0100)
client/views/SearchResults.vue

index 265061b69d4727205705c55c4b82879b272c16d8..cead56dbdb92b844a81d9d49c2911cde2f8030d9 100644 (file)
@@ -3,19 +3,19 @@
     <!-- Search Input -->
     <SearchInput :initialSearchTerm="props.searchTerm" class="mb-2" />
 
-    <!-- Sort By -->
-    <div class="flex justify-end">
-      <CustomButton
-        :label="`Sort By: ${sortByName}`"
-        :iconPath="mdiSort"
-        class="mb-1"
-        @click="toggleSortMenu"
-      />
-      <PrimeMenu ref="sortMenu" :model="menuItems" :popup="true" />
-    </div>
-
-    <!-- Search Results -->
     <LoadingIndicator ref="loadingIndicator" class="flex-1">
+      <!-- Sort By -->
+      <div class="flex justify-end">
+        <CustomButton
+          :label="`Sort By: ${sortByName}`"
+          :iconPath="mdiSort"
+          class="mb-1"
+          @click="toggleSortMenu"
+        />
+        <PrimeMenu ref="sortMenu" :model="menuItems" :popup="true" />
+      </div>
+
+      <!-- Search Results -->
       <div
         v-for="result in results"
         class="mb-4 cursor-pointer rounded px-2 py-1 hover:bg-theme-background-elevated"
git clone https://git.99rst.org/PROJECT