TheCloud/hugoDocs
1
0
Fork 0
mirror of https://github.com/gohugoio/hugoDocs.git synced 2025-08-04 04:58:55 -04:00
Code Issues Packages Projects Releases Wiki Activity

theme: Make the search button more compact on mobile

Browse Source
This commit is contained in:
Bjørn Erik Pedersen 2025-02-11 21:56:26 +01:00
parent 1f6614ee8e
commit 3226e668fc
No known key found for this signature in database
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
layouts/partials/layouts/search/button.html
View File

@ -4,16 +4,17 @@
{{ else }} {{ else }}
type="button" x-show="!open" x-transition.opacity.duration.500ms type="button" x-show="!open" x-transition.opacity.duration.500ms
{{ end }} {{ end }}
class="grid cursor-pointer w-full text-gray-500 sm:w-40 lg:w-56 grid-cols-[auto_1fr_auto] items-center gap-3 rounded-md px-4 py-2 text-left text-xs/6 lg:text-sm/6 outline-1 -outline-offset-1 outline-gray-600"> class="grid cursor-pointer w-full text-gray-500 sm:w-40 lg:w-56 grid-cols-[auto_1fr_auto] items-center gap-3 rounded-md px-2 sm:px-4 py-2 text-left text-xs/6 lg:text-sm/6 outline-0 sm:outline-1 -outline-offset-1 outline-gray-600">
<svg <svg
class="pointer-events-none -ml-0.5 size-4 fill-slate-400 dark:fill-slate-500"> class="pointer-events-none -ml-0.5 size-5 sm:size-4 fill-slate-400 dark:fill-slate-500">
<use href="#icon--search"></use> <use href="#icon--search"></use>
</svg> </svg>
Search docs<kbd <span class="hidden sm:inline">Search docs</span
class="hidden font-sans text-xs/4 text-gray-400 dark:text-gray-400 [.os-macos_&amp;]:block"
><span class="text-gray-400/70">⌘</span>K</kbd
><kbd ><kbd
class="hidden font-sans text-xs/4 text-gray-400 not-[.os-macos_&amp;]:block dark:text-gray-400" class="hidden font-sans text-xs/4 text-gray-400 dark:text-gray-400 sm:[.os-macos_&amp;]:block"
><span class="text-gray-400/70 ">⌘</span>K</kbd
><kbd
class="hidden font-sans text-xs/4 text-gray-400 sm:not-[.os-macos_&amp;]:block dark:text-gray-400"
><span class="text-gray-400/70">Ctrl</span>&nbsp;K</kbd ><span class="text-gray-400/70">Ctrl</span>&nbsp;K</kbd
> >
</button> </button>