From: Adam Dullage <redacted>
Date: Fri, 17 May 2024 07:12:26 +0000 (+0100)
Subject: Move search sort menu into loading area
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=dd03176b0c2caed7a7302f0e863af1fc5b4e2be9;p=flatnotes.git

Move search sort menu into loading area
---

diff --git a/client/views/SearchResults.vue b/client/views/SearchResults.vue
index 265061b..cead56d 100644
--- a/client/views/SearchResults.vue
+++ b/client/views/SearchResults.vue
@@ -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"