jamey/berrypod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

add mobile swipe for product card images and fix dev asset caching

Browse Source 
Product cards now use CSS scroll-snap on touch devices (mobile) for
swiping between images, with dot indicators and a JS hook for active
state. Desktop keeps the existing hover crossfade via @media (hover:
hover). Dots use size differentiation (WCAG 2.2 AA compliant) with
outline rings for contrast on any background.

Also fixes: no-image placeholder (SVG icon instead of broken img),
unnecessary wrapper div for single-image cards, and dev static asset
caching (was immutable for all envs, now only prod).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey
2026-02-10 12:24:52 +00:00
parent 19b4a5bd59
commit 1a69736734
6 changed files with 222 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
config/config.exs
View File

@@ -21,6 +21,7 @@ config :simpleshop_theme, :scopes,
]
config :simpleshop_theme,
env: config_env(),
ecto_repos: [SimpleshopTheme.Repo],
generators: [timestamp_type: :utc_datetime, binary_id: true]