update usability on item rentals page
All checks were successful
Hugo / build (push) Successful in 10s

This commit is contained in:
brooke 2024-06-09 01:12:33 -04:00
parent f3b1646912
commit 06209a67d9
3 changed files with 12 additions and 5 deletions

View file

@ -6,8 +6,8 @@
<p class="text-lg">{{ .Params.subTitle }}</p> <p class="text-lg">{{ .Params.subTitle }}</p>
{{ partial "metadata.html" . }} {{ partial "metadata.html" . }}
<div class="mt-2 flex flex-col gap-4">{{ .Content }}</div> <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
{{ partial "buttons.html" . }} {{ partial "buttons.html" . }} {{ if .Params.catalog }} {{ partial
{{ partial "rental-catalog.html" . }} "rental-catalog.html" . }} {{ end }}
</div> </div>
{{ partial "questions.html" . }} {{ partial "gallery.html" . }} {{ partial {{ partial "questions.html" . }} {{ partial "gallery.html" . }} {{ partial

View file

@ -1,6 +1,13 @@
<div <div
class="mt-4 pb-2 flex flex-row gap-2 max-w-full overflow-x-auto whitespace-nowrap" class="mt-4 pb-2 flex flex-row gap-2 max-w-full overflow-x-auto whitespace-nowrap"
> >
<button
id="all"
class="flex gap-2 items-center px-4 border border-gray-200 rounded-lg focus:outline-none"
onclick="window.location.href = '/catalog'"
>
<span class="text-sm p-2 font-medium text-gray-900">All</span>
</button>
{{ $uniqueCategories := slice }} {{ range .Params.catalog }} {{ if not (in {{ $uniqueCategories := slice }} {{ range .Params.catalog }} {{ if not (in
$uniqueCategories .cat) }} {{ $uniqueCategories = $uniqueCategories | append $uniqueCategories .cat) }} {{ $uniqueCategories = $uniqueCategories | append
.cat }} .cat }}
@ -34,12 +41,12 @@
<div class="px-1 pt-4"> <div class="px-1 pt-4">
<div class="flex flex-row gap-2 justify-between font-bold text-xl mb-2"> <div class="flex flex-row gap-2 justify-between font-bold text-xl mb-2">
{{ .item }} {{ if ne .cat "" }} {{ .item }} {{ if ne .cat "" }}
<div> <a class="z-10" href="/catalog/#{{ .cat }}">
<span <span
class="bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded-full" class="bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded-full"
>{{ .cat }}</span >{{ .cat }}</span
> >
</div> </a>
{{ end }} {{ end }}
</div> </div>
<div class="text-gray-800 text-base"> <div class="text-gray-800 text-base">

File diff suppressed because one or more lines are too long