button support for small screens
All checks were successful
Hugo / build (push) Successful in 9s

This commit is contained in:
brooke 2024-06-09 22:12:59 -04:00
parent 4d13b5c753
commit c56a9dd2ff
3 changed files with 9 additions and 9 deletions

View file

@ -4,7 +4,7 @@
<a href="{{ .url }}" <a href="{{ .url }}"
><button ><button
type="button" type="button"
class="px-3 py-2 text-xs font-medium text-center text-white bg-black rounded-lg focus:ring-4 focus:outline-none hover:bg-gray-800 transition-all duration-200" class="px-4 py-4 sm:py-2 sm:px-3 text-xs font-medium text-center text-white bg-black rounded-lg focus:ring-4 focus:outline-none hover:bg-gray-800 transition-all duration-200"
> >
{{ .text }} {{ .text }}
</button> </button>

View file

@ -6,12 +6,12 @@
class="flex gap-2 items-center px-4 border border-gray-200 rounded-lg focus:outline-none" class="flex gap-2 items-center px-4 border border-gray-200 rounded-lg focus:outline-none"
onclick="window.location.href = '/catalog'" onclick="window.location.href = '/catalog'"
> >
<span class="text-sm p-2 font-medium text-gray-900">All</span> <span class="text-xs p-2 font-medium text-gray-900">All</span>
</button> </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 }}
<div class="flex gap-2 items-center px-4 border border-gray-200 rounded-lg"> <div class="flex gap-2 items-center px-3 py-2 border border-gray-200 rounded-lg">
<input <input
id="radio-button-{{ .cat }}" id="radio-button-{{ .cat }}"
type="radio" type="radio"
@ -21,7 +21,7 @@
/> />
<label <label
for="radio-button-{{ .cat }}" for="radio-button-{{ .cat }}"
class="noselect text-sm p-2 font-medium text-gray-900" class="noselect text-xs p-1 sm:p-0 font-medium text-gray-900"
>{{ .cat }}</label >{{ .cat }}</label
> >
</div> </div>
@ -67,12 +67,12 @@
</div> </div>
{{ end }} {{ if ne .deliveryPickup "" }} {{ end }} {{ if ne .deliveryPickup "" }}
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between">
<strong>+ Delivery/Pickup:</strong> <strong>+ Pickup & Delivery:</strong>
<span>{{ .deliveryPickup }}</span> <span>{{ .deliveryPickup }}</span>
</div> </div>
{{ end }} {{ if ne .installBreakdown "" }} {{ end }} {{ if ne .installBreakdown "" }}
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between">
<strong>+ Install/Breakdown:</strong> <strong>+ Setup & Breakdown:</strong>
<span>{{ .installBreakdown }}</span> <span>{{ .installBreakdown }}</span>
</div> </div>
{{ end }} {{ if ne .purchaseCost "" }} {{ end }} {{ if ne .purchaseCost "" }}
@ -170,12 +170,12 @@
</div> </div>
{{ end }} {{ if ne .deliveryPickup "" }} {{ end }} {{ if ne .deliveryPickup "" }}
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between">
<strong>Delivery/Pickup:</strong> <strong>Pickup & Delivery:</strong>
<span>{{ .deliveryPickup }}</span> <span>{{ .deliveryPickup }}</span>
</div> </div>
{{ end }} {{ if ne .installBreakdown "" }} {{ end }} {{ if ne .installBreakdown "" }}
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between">
<strong>Install/Breakdown:</strong> <strong>Setup & Breakdown:</strong>
<span>{{ .installBreakdown }}</span> <span>{{ .installBreakdown }}</span>
</div> </div>
{{ end }} {{ if ne .purchaseCost "" }} {{ end }} {{ if ne .purchaseCost "" }}

File diff suppressed because one or more lines are too long