From f2d69fc7d0c1c3457112e702b53e38a0255fc1b7 Mon Sep 17 00:00:00 2001 From: Hannah Date: Mon, 15 Jan 2024 16:51:42 +0100 Subject: [PATCH] Fix gallery thumbnail design regression (#7024) * tweak image thumbnail object fit * add changeset --------- Co-authored-by: gradio-pr-bot --- .changeset/orange-cameras-tell.md | 6 ++++++ js/gallery/shared/Gallery.svelte | 8 ++++++-- 2 files changed, 12 insertions(+), 2 deletions(-) create mode 100644 .changeset/orange-cameras-tell.md diff --git a/.changeset/orange-cameras-tell.md b/.changeset/orange-cameras-tell.md new file mode 100644 index 0000000000..ec9337ec54 --- /dev/null +++ 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 index 3899018553..f732c5e3f4 100644 --- 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); }