Prevent overflow in Model3D (#8975)

* add overflow and radius css properties * add changeset * add changeset * add changes to input --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Aug 5, 2024 · 3feea64 · 3feea64
1 parent a043b0c
commit 3feea64
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/rude-results-bow.md b/.changeset/rude-results-bow.md
@@ -0,0 +1,6 @@
+---
+"@gradio/model3d": minor
+"gradio": minor
+---
+
+feat:Prevent overflow in Model3D
diff --git a/js/model3D/shared/Model3D.svelte b/js/model3D/shared/Model3D.svelte
@@ -118,6 +118,8 @@
 		position: relative;
 		width: var(--size-full);
 		height: var(--size-full);
+		border-radius: var(--block-radius);
+		overflow: hidden;
 	}
 	.model3D :global(canvas) {
 		width: var(--size-full);

diff --git a/js/model3D/shared/Model3DUpload.svelte b/js/model3D/shared/Model3DUpload.svelte
@@ -140,6 +140,8 @@
 		align-items: center;
 		width: var(--size-full);
 		height: var(--size-full);
+		border-radius: var(--block-radius);
+		overflow: hidden;
 	}
 
 	.input-model :global(canvas) {