Decrease Ipad image height

w3bdesign · w3bdesign · commit 2393c491335e · 2023-01-31T06:28:31.000+01:00
diff --git a/components/Products/ProductsShowAll.vue b/components/Products/ProductsShowAll.vue
@@ -17,7 +17,7 @@
             >
               <img
                 id="product-image"
-                class="p-8 border mx-auto w-4/5 border-gray-200 lg:h-[250px] rounded drop-shadow-lg transition duration-500 ease-in-out transform cursor-pointer lg:ml-0 lg:w-full lg:p-2 hover:scale-95"
+                class="p-8 border mx-auto w-4/5 border-gray-200 md:h-[230px] lg:h-[250px] rounded drop-shadow-lg transition duration-500 ease-in-out transform cursor-pointer lg:ml-0 lg:w-full lg:p-2 hover:scale-95"
                 :alt="product.name"
                 :src="productImage(product)"
               />

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`>`
`18`	`18`	`<img`
`19`	`19`	`id="product-image"`
`20`		`- class="p-8 border mx-auto w-4/5 border-gray-200 lg:h-[250px] rounded drop-shadow-lg transition duration-500 ease-in-out transform cursor-pointer lg:ml-0 lg:w-full lg:p-2 hover:scale-95"`
	`20`	`+ class="p-8 border mx-auto w-4/5 border-gray-200 md:h-[230px] lg:h-[250px] rounded drop-shadow-lg transition duration-500 ease-in-out transform cursor-pointer lg:ml-0 lg:w-full lg:p-2 hover:scale-95"`
`21`	`21`	`:alt="product.name"`
`22`	`22`	`:src="productImage(product)"`
`23`	`23`	`/>`