A little bit of styling on the search page

This commit is contained in:
Simon Martens
2025-03-02 17:13:32 +01:00
parent 038598a79a
commit 0ba3be1516
7 changed files with 60 additions and 57 deletions

View File

@@ -3,22 +3,28 @@
{{ $q := index . 2 }}
<label for="q" class="hidden">Suchbegriffe</label>
<input
{{ if $q }}value="{{ $q }}"{{- end }}
type="search"
name="q"
minlength="3"
required
placeholder="Suchbegriff (min. 3 Zeichen)"
class="w-full col-span-8
placeholder:italic" />
<button id="submitbutton" type="submit" class="col-span-2">Suchen</button>
<div class="w-full flex flex-row gap-x-3 mb-3 justify-between" id="simplesearchbox">
<div class="flex flex-row justify-between gap-x-3 w-full">
<label for="q" class="hidden">Suchbegriffe</label>
<input
{{ if $q }}value="{{ $q }}"{{- end }}
type="search"
name="q"
minlength="3"
required
placeholder="Suchbegriff (min. 3 Zeichen)"
class="w-full grow
placeholder:italic font-serif placeholder:font-sans" />
<button id="submitbutton" type="submit" class="min-w-36" form="simplesearchform">Suchen</button>
</div>
{{ if $extendable }}
<a
href="/suche/{{ $parameters.Collection }}?extended=true"
class="whitespace-nowrap self-end block col-span-2">
<i class="ri-arrow-right-long-line"></i> Erweiterte Suche
</a>
{{ end }}
{{ if $extendable }}
<a
href="/suche/{{ $parameters.Collection }}?extended=true"
class="whitespace-nowrap self-end block ">
<i class="ri-arrow-right-long-line"></i> Erweiterte Suche
</a>
{{ end }}
</div>
<script></script>