diff options
| author | Eltrac <hi@guhub.cn> | 2025-04-29 12:38:05 +0800 |
|---|---|---|
| committer | Eltrac <hi@guhub.cn> | 2025-04-29 12:38:05 +0800 |
| commit | af45ca18f842b06d3db5fb53fd63c0caa485a5bb (patch) | |
| tree | 2411c915c95f4d273f1bff2c7954216368b2ebda /layouts | |
| parent | 38bd0d014a36758e4b0dda64cd8fe8e05505a2c9 (diff) | |
feat: add close button to global search
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/partials/components/global-search.html | 12 |
1 files changed, 12 insertions, 0 deletions
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> |