Hide embedded components while loading (gradio-app#8773)

* styling * add changeset --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com> Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
edbzed · Jul 15, 2024 · 0b9e870 · 0b9e870
1 parent 4030f28
commit 0b9e870
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/mean-showers-rhyme.md b/.changeset/mean-showers-rhyme.md
@@ -0,0 +1,5 @@
+---
+"website": minor
+---
+
+feat:Hide embedded components while loading 
diff --git a/js/_website/src/lib/assets/style.css b/js/_website/src/lib/assets/style.css
@@ -309,6 +309,10 @@ strong {
 .embedded-component .gradio-container footer {
 	display: none !important;
 }
+.embedded-component:has(.loading) {
+	visibility: hidden;
+	height: 0;
+}
 
 .obj .codeblock {
 	@apply my-4;