From af45ca18f842b06d3db5fb53fd63c0caa485a5bb Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 29 Apr 2025 12:38:05 +0800
Subject: feat: add close button to global search

---
 layouts/partials/components/global-search.html | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/layouts/partials/components/global-search.html b/layouts/partials/components/global-search.html
index 5b158abe..217971c4 100644
--- a/layouts/partials/components/global-search.html
+++ b/layouts/partials/components/global-search.html
@@ -1,4 +1,5 @@
 <div id="global-search">
+    <div id="global-search-close">×</div>
     {{ partial "components/pagefind" . }}
 </div>
 <div id="global-search-overlay"></div>
@@ -37,6 +38,14 @@
         bottom: 0;
         align-items: center;
         justify-content: center;
+        #global-search-close {
+            position: absolute;
+            top: 0;
+            right: 0;
+            padding: 0 1rem;
+            font-size: 3rem;
+            cursor: pointer;
+        }
     }
 
     #global-search #pagefind {
@@ -116,5 +125,8 @@
     // double-click to turn off search
     // in case esc and ctrl/cmd+k cannot be used
     search.addEventListener("dblclick", turnOff);
+
+    const closeButton = document.getElementById("global-search-close");
+    closeButton.addEventListener("click", turnOff);
   })();
 </script>
-- 
cgit v1.2.3