change aspect ratio preview images

This commit is contained in:
2025-03-21 13:26:46 +01:00
parent 9544849ef6
commit 6cbd9f5a3b
3 changed files with 143 additions and 151 deletions

View File

@@ -6,7 +6,7 @@
{{ range .data.shopItems }}
<div class="group relative">
<img src="/{{ .Image }}" alt="Product Image" class="aspect-square w-full rounded-md bg-gray-200 object-cover group-hover:opacity-75 lg:aspect-auto lg:h-80">
<img src="/{{ .Image }}" alt="Product Image" class="aspect-4/5 w-full rounded-md bg-gray-200 object-cover group-hover:opacity-75 lg:aspect-auto lg:h-80">
<div class="mt-4 flex justify-between">
<div>
<h3 class="text-sm text-gray-700">