Merge pull request #2161 from graphcommerce-org/bug/sidebar-gallery-t…

…op-whitespace-GCOM-1310 Bug/sidebar gallery top whitespace gcom 1310
graphcommerce-org · Jan 15, 2024 · d3e9601 · d3e9601 · vercel · Jan 15, 2024
2 parents 535ab05 + cc5c636
commit d3e9601
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/blue-coats-draw.md b/.changeset/blue-coats-draw.md
@@ -0,0 +1,5 @@
+---
+"@graphcommerce/next-ui": patch
+---
+
+Removed whitespace on top of the zoomed in image on the PDP.
diff --git a/packages/next-ui/FramerScroller/SidebarGallery.tsx b/packages/next-ui/FramerScroller/SidebarGallery.tsx
@@ -190,7 +190,7 @@ export function SidebarGallery(props: SidebarGalleryProps) {
                 },
                 zoomed && {
                   position: 'relative',
-                  top: 0,
+                  top: { xs: 0, md: 0 },
                   marginTop: 0,
                   paddingTop: dvh(100),
                 },