update

content/catalog/index.md

@@ -48,7 +48,7 @@ catalog:
 
 - item: Steel Small-frame Backdrop
   quant: 2
-  dimensions: 84"x18", 66"x12"
+  dimensions: 84" x 18", 66" x 12"
   baseCost: $50
   deliveryPickup: $30
   installBreakdown: $50
@@ -104,7 +104,7 @@ catalog:
 
 - item: Steel Small-frame Acylic Backdrop
   quant: 3
-  dimensions: 96"x24", 72"x18", 72"x12"
+  dimensions: 96" x 24", 72" x 18", 72" x 12"
   baseCost: $60
   deliveryPickup: $30
   installBreakdown: $50
@@ -162,7 +162,7 @@ catalog:
 
 - item: Rectangle Frame Backdrop
   quant: 3
-  dimensions: 120"x60", 96"x48", 96"x48"
+  dimensions: 120" x 60", 96" x 48", 96" x 48"
   baseCost: $140
   deliveryPickup: $120
   installBreakdown: $180

themes/gallo/layouts/partials/categories.html

@@ -18,15 +18,19 @@
     >
       {{ range .Site.Params.catalogButtons.home }}
       <a
-        class="rounded-xl aspect-[3/2] overflow-hidden"
+        class="rounded-md aspect-[3/2] overflow-hidden group relative inline-block overflow-hidden  hover:scale-[1.02] duratoin-100 transition-all focus:outline-none focus:ring"
         href="/catalog/#{{ .categoryName }}"
       >
+        <span
+          class="absolute inset-x-0 z-10 top-0 h-[1px] bg-black transition-all group-hover:h-full group-active:bg-gray-700"
+        ></span>
         <div class="relative h-full max-w-full">
-          <strong
-            class="text-white w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl"
+          <span
+            class="text-white font-bold w-full z-10 text-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl"
           >
             {{ .categoryName }}
-        </strong>
+        </span>
+
           <img
             class="min-h-full h-auto w-full opacity-90"
             src="{{ .img }}"

themes/gallo/layouts/partials/rental_catalog.html

@@ -159,7 +159,7 @@
                 </h3>
                 {{ if .gallery }}
                 <div
-                  class="mt-8 columns-1 gap-2 sm:columns-2 sm:gap-4 [&>div:not(:first-child)]:mt-4"
+                  class="w-full mt-8 columns-1 gap-2 sm:columns-2 sm:gap-4 [&>div:not(:first-child)]:mt-4"
                 >
                   {{ range .gallery }}
                   <div