Remove grey background behind all components (#9213)

* remove panel padding and border * add changeset * revert radius change * add changeset * format * add changeset --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Aug 29, 2024 · ab4580b · ab4580b
1 parent 20c0836
commit ab4580b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/.changeset/lucky-hotels-sort.md b/.changeset/lucky-hotels-sort.md
@@ -0,0 +1,7 @@
+---
+"@gradio/column": minor
+"gradio": minor
+"website": minor
+---
+
+feat:Remove grey background behind all components
diff --git a/js/_website/src/lib/assets/style.css b/js/_website/src/lib/assets/style.css
@@ -358,10 +358,9 @@ li {
 
 :where(ol > li)::marker {
 	font-weight: 400;
-    color: #6b7280;
+	color: #6b7280;
 }
 
-
 .embedded-component .gradio-container {
 	padding: var(--size-4) 0 0 0 !important;
 }
@@ -383,7 +382,6 @@ li {
 	display: grid;
 }
 
-
 summary {
 	display: grid !important;
 }

diff --git a/js/column/Index.svelte b/js/column/Index.svelte
@@ -69,7 +69,5 @@
 	.panel {
 		border: solid var(--panel-border-width) var(--panel-border-color);
 		border-radius: var(--container-radius);
-		background: var(--panel-background-fill);
-		padding: var(--spacing-lg);
 	}
 </style>