update mobile view
All checks were successful
Hugo / build (push) Successful in 9s

This commit is contained in:
brooke 2024-07-31 20:45:21 -04:00
parent dfa2f0eea7
commit 1c06ca1be7
3 changed files with 43 additions and 39 deletions

View file

@ -17,12 +17,12 @@
</div> </div>
<button <button
class="absolute top-1/2 left-4 transform -translate-y-1/2 text-white p-1 px-3 rounded-xl font-extrabold carousel-prev z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black" class="absolute top-1/2 left-4 transform -translate-y-1/2 text-xl sm:text-md text-white p-2 px-4 sm:p-1 sm:px-3 rounded-xl font-extrabold carousel-prev z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black"
> >
&lt; &lt;
</button> </button>
<button <button
class="absolute top-1/2 right-4 transform -translate-y-1/2 text-white p-1 px-3 rounded-xl font-extrabold carousel-next z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black" class="absolute top-1/2 right-4 transform -translate-y-1/2 text-xl sm:text-md text-white p-2 px-4 sm:p-1 sm:px-3 rounded-xl font-extrabold carousel-next z-20 bg-black hover:bg-gray-800 focus:outline-none active:ring-2 active:ring-offset-2 active:ring-black"
> >
&gt; &gt;
</button> </button>

View file

@ -141,45 +141,49 @@
<div class="flex flex-col sm:flex-row"> <div class="flex flex-col sm:flex-row">
{{ if .gallery }} {{ partial "carousel.html" . }} {{ end }} {{ if .gallery }} {{ partial "carousel.html" . }} {{ end }}
<div class="z-20 pt-4 sm:pl-4 w-full md:w-1/3 sm:w-1/2"> <div class="z-20 pt-4 sm:pl-4 w-full md:w-1/3 sm:w-1/2">
<div class="text-md text-gray-800 text-base"> <div
class="flex flex-col h-full justify-between text-md text-gray-800 text-base"
>
<div> <div>
{{ if ne .deliveryPickup "" }} <div>
<div class="flex flex-row justify-between"> {{ if ne .deliveryPickup "" }}
<strong>Rental Cost:</strong> <div class="flex flex-row justify-between">
<span>{{ .baseCost }}</span> <strong>Rental Cost:</strong>
<span>{{ .baseCost }}</span>
</div>
{{ end }} {{ if ne .installBreakdown "" }}
<div class="flex flex-row justify-between">
<strong>Purchase Cost:</strong>
<span>{{ .purchaseCost }}</span>
</div>
{{ end }} {{ if ne .deliveryPickup "" }}
<div class="flex flex-row justify-between">
<strong>+ Pickup & Delivery:</strong>
<span>{{ .deliveryPickup }}</span>
</div>
{{ end }} {{ if ne .installBreakdown "" }}
<div class="flex flex-row justify-between">
<strong>+ Setup & Breakdown:</strong>
<span>{{ .installBreakdown }}</span>
</div>
{{ end }}
</div> </div>
{{ end }} {{ if ne .installBreakdown "" }} <div class="border-b-2 my-2 mx-4 sm:my-8"></div>
<div class="flex flex-row justify-between"> <div>
<strong>Purchase Cost:</strong> {{ if ne .quant "" }}
<span>{{ .purchaseCost }}</span> <div class="flex flex-row justify-between">
<strong>Quantity:</strong>
<span>{{ .quant }}</span>
</div>
{{ end }} {{ if ne .dimensions "" }}
<div
class="gap-1 text-right flex flex-row justify-between"
>
<strong>Dimensions:</strong>
<span>{{ .dimensions }}</span>
</div>
{{ end }}
</div> </div>
{{ end }} {{ if ne .deliveryPickup "" }}
<div class="flex flex-row justify-between">
<strong>+ Pickup & Delivery:</strong>
<span>{{ .deliveryPickup }}</span>
</div>
{{ end }} {{ if ne .installBreakdown "" }}
<div class="flex flex-row justify-between">
<strong>+ Setup & Breakdown:</strong>
<span>{{ .installBreakdown }}</span>
</div>
{{ end }}
</div>
<div class="border-b-2 my-2 mx-4 sm:my-8"></div>
<div>
{{ if ne .quant "" }}
<div class="flex flex-row justify-between">
<strong>Quantity:</strong>
<span>{{ .quant }}</span>
</div>
{{ end }} {{ if ne .dimensions "" }}
<div
class="gap-1 text-right flex flex-row justify-between"
>
<strong>Dimensions:</strong>
<span>{{ .dimensions }}</span>
</div>
{{ end }}
</div> </div>
<button <button
id="close-modal" id="close-modal"

File diff suppressed because one or more lines are too long