fix product card image swipe blocked by stretched-link overlay

The stretched-link ::after pseudo-element (z-index: 0) was covering
the image area, intercepting touch events. Give the image container
z-index: 1 so swipe gestures reach the scroll container.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey 2026-02-11 08:22:13 +00:00
parent e9a824ec0b
commit 7c9fe57e6e

View File

@ -97,7 +97,7 @@ defmodule SimpleshopThemeWeb.ShopComponents.Product do
)
~H"""
<div class={image_container_classes(@variant)}>
<div class={image_container_classes(@variant)} style="z-index: 1;">
<%= if @show_badges do %>
<.product_badge product={@product} />
<% end %>