maxmustermann/hydrogen
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: Safari Product Image Gallery (#162)

Browse source 
* fix: gallery safari grid layout

* Update CHANGELOG.md

Co-authored-by: Josh Larson <josh.larson@shopify.com>
This commit is contained in:
Ben Wolfram 2021-11-09 16:31:55 -06:00 committed by GitHub
parent 01dd715da6
commit d5232a8cfa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/create-hydrogen-app/CHANGELOG.md
View file

@ -9,6 +9,7 @@ and adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
- Wrap instances of `<Money>` in client components due to render prop usage
- Eliminate use of `Link` client re-exports
- fix: gallery safari grid layout
## 0.6.1 - 2021-11-08

2
packages/dev/src/components/Gallery.client.jsx
View file

@ -26,7 +26,7 @@ export default function Gallery() {
className="gap-4 flex md:grid md:grid-cols-2 overflow-x-scroll no-scrollbar scroll-snap-x scroll-smooth h-[485px] md:h-auto place-content-start"
tabIndex="-1"
>
<SelectedVariantImage className="w-[80vw] md:w-full h-full object-cover object-center flex-shrink-0 md:flex-shrink-none snap-start md:col-span-2 border border-gray-200 rounded-lg" />
<SelectedVariantImage className="w-[80vw] md:w-full h-full md:h-auto object-cover object-center flex-shrink-0 md:flex-shrink-none snap-start md:col-span-2 border border-gray-200 rounded-lg" />
{galleryMedia.map((med) => {
let extraProps = {};