From bb0ca30b81acaaf0a0149592ec9166afaf14f206 Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Tue, 30 Jan 2024 09:22:58 -0800
Subject: [PATCH] feat: search textbox is now draggable (#2737)

---
 assets/components/Search.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/components/Search.vue b/assets/components/Search.vue
index ed8cb792..1627bbc0 100644
--- a/assets/components/Search.vue
+++ b/assets/components/Search.vue
@@ -1,6 +1,12 @@
 <template>
   <transition name="slide">
-    <div class="fixed right-4 top-2 z-10 flex items-center" v-show="showSearch" v-if="search">
+    <div
+      class="fixed z-10 flex w-full justify-end p-2"
+      v-show="showSearch"
+      v-if="search"
+      ref="container"
+      :style="style"
+    >
       <div class="input input-primary flex h-auto items-center !shadow-lg">
         <mdi:magnify />
         <input
@@ -19,8 +25,11 @@
 
 <script lang="ts" setup>
 const input = ref<HTMLInputElement>();
+const container = ref<HTMLDivElement>();
 const { searchFilter, showSearch, resetSearch } = useSearchFilter();
 
+const { style } = useDraggable(container);
+
 onKeyStroke("f", (e) => {
   if (e.ctrlKey || e.metaKey) {
     showSearch.value = true;