Fix gallery thumbnail design regression (#7024)

* tweak image thumbnail object fit * add changeset --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Jan 15, 2024 · f2d69fc · f2d69fc
1 parent 9cefd2e
commit f2d69fc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/.changeset/orange-cameras-tell.md b/.changeset/orange-cameras-tell.md
@@ -0,0 +1,6 @@
+---
+"@gradio/gallery": minor
+"gradio": minor
+---
+
+feat:Fix gallery thumbnail design regression
diff --git a/js/gallery/shared/Gallery.svelte b/js/gallery/shared/Gallery.svelte
@@ -357,12 +357,16 @@
 		width: 100%;
 		display: flex;
 	}
-	.preview :global(img) {
+	.image-button :global(img) {
 		width: var(--size-full);
 		height: var(--size-full);
 		object-fit: contain;
 	}
-
+	.thumbnails :global(img) {
+		object-fit: cover;
+		width: var(--size-full);
+		height: var(--size-full);
+	}
 	.preview :global(img.with-caption) {
 		height: var(--size-full);
 	}