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

24
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"
>
{{ 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
loading="lazy"
src="{{ .thumbnail }}"
@ -61,7 +63,7 @@
{{ end }} {{ if ne .dimensions "" }}
<div class="gap-1 text-right flex flex-row justify-between">
<strong>Dimensions:</strong>
<span >{{ .dimensions }}</span>
<span>{{ .dimensions }}</span>
</div>
{{ end }} {{ if ne .baseCost "" }}
<div class="flex flex-row justify-between">
@ -83,12 +85,16 @@
</div>
<div class="flex flex-col gap-4">
{{ 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>
<span>{{ .purchaseCost }}</span>
</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">
<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 }}
@ -201,10 +207,18 @@
<span>{{ .installBreakdown }}</span>
</div>
{{ 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>
<span>{{ .purchaseCost }}</span>
</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 }}
</div>
</div>