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,7 +141,10 @@
<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> <div>
{{ if ne .deliveryPickup "" }} {{ if ne .deliveryPickup "" }}
<div class="flex flex-row justify-between"> <div class="flex flex-row justify-between">
@ -181,6 +184,7 @@
</div> </div>
{{ end }} {{ end }}
</div> </div>
</div>
<button <button
id="close-modal" id="close-modal"
class="z-20 w-full inline-flex justify-center rounded-md border border-transparent shadow-sm p-1 mt-4 bg-black text-base font-sm text-white hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black" class="z-20 w-full inline-flex justify-center rounded-md border border-transparent shadow-sm p-1 mt-4 bg-black text-base font-sm text-white hover:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-black"

File diff suppressed because one or more lines are too long