mycosystems/gallowelds.com
4
0
Fork 0
Code Issues 1 Pull requests Activity Actions

update purchase cost styles in modal
All checks were successful
Hugo / build (push) Successful in 12s
Details

Browse source
This commit is contained in:
brooke 2024-07-12 22:37:31 -04:00
parent 4c29bf20e5
commit 3a064e9efe
1 changed files with 26 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
themes/gallo/layouts/partials/rental_catalog.html
View file

@ -34,7 +34,9 @@
class="mt-2 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-4" class="mt-2 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-4"
> >
{{ range .Params.catalog }} {{ if ne .item "" }} {{ range .Params.catalog }} {{ if ne .item "" }}
<div class="flex flex-col justify-between bg-white rounded-lg border p-4 relative "> <div
class="flex flex-col justify-between bg-white rounded-lg border p-4 relative"
>
<img <img
loading="lazy" loading="lazy"
src="{{ .thumbnail }}" src="{{ .thumbnail }}"
@ -83,12 +85,16 @@
</div> </div>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
{{ if ne .purchaseCost "" }} {{ if ne .purchaseCost "" }}
<div class="flex flex-row justify-between border-[3px] rounded-lg px-4 h-10 py-[0.275rem] w-full"> <div
class="flex flex-row justify-between border-[3px] rounded-lg px-4 h-10 py-[0.275rem] w-full"
>
<strong>Purchase Cost:</strong> <strong>Purchase Cost:</strong>
<span>{{ .purchaseCost }}</span> <span>{{ .purchaseCost }}</span>
</div> </div>
{{ else }} {{ else }}
<div class="flex justify-center border-[3px] rounded-lg px-4 h-10 py-[0.275rem] text-gray-600 mt-4 w-full"> <div
class="flex justify-center border-[3px] rounded-lg px-4 h-10 py-[0.275rem] text-gray-600 mt-4 w-full"
>
<strong>Purchase Unavailable</strong> <strong>Purchase Unavailable</strong>
</div> </div>
{{ end }} {{ end }}
@ -201,10 +207,18 @@
<span>{{ .installBreakdown }}</span> <span>{{ .installBreakdown }}</span>
</div> </div>
{{ end }} {{ if ne .purchaseCost "" }} {{ end }} {{ if ne .purchaseCost "" }}
<div class="flex flex-row justify-between"> <div
class="flex flex-row justify-between border-[3px] rounded-lg px-4 h-10 py-[0.275rem] w-full mt-4"
>
<strong>Purchase Cost:</strong> <strong>Purchase Cost:</strong>
<span>{{ .purchaseCost }}</span> <span>{{ .purchaseCost }}</span>
</div> </div>
{{ else }}
<div
class="flex justify-center border-[3px] rounded-lg px-4 h-10 py-[0.275rem] text-gray-600 mt-4 w-full"
>
<strong>Purchase Unavailable</strong>
</div>
{{ end }} {{ end }}
</div> </div>
</div> </div>