Remove Gradio field form slate backgrounds
Browse files
app.py
CHANGED
|
@@ -417,7 +417,6 @@ CSS = """
|
|
| 417 |
.gradio-container .block .wrap,
|
| 418 |
.gradio-container .block .wrap-inner,
|
| 419 |
.gradio-container .block fieldset,
|
| 420 |
-
.gradio-container .block .form,
|
| 421 |
.gradio-container [data-testid="textbox"],
|
| 422 |
.gradio-container [data-testid="dropdown"],
|
| 423 |
.gradio-container [data-testid="number"],
|
|
@@ -432,8 +431,7 @@ CSS = """
|
|
| 432 |
.gradio-container .block .container.show_textbox_border,
|
| 433 |
.gradio-container .block .wrap,
|
| 434 |
.gradio-container .block .wrap-inner,
|
| 435 |
-
.gradio-container .block fieldset
|
| 436 |
-
.gradio-container .block .form {
|
| 437 |
border: 1px solid #e3e8e0 !important;
|
| 438 |
border-radius: 14px !important;
|
| 439 |
}
|
|
@@ -442,12 +440,21 @@ CSS = """
|
|
| 442 |
.gradio-container .block .container.show_textbox_border:focus-within,
|
| 443 |
.gradio-container .block .wrap:focus-within,
|
| 444 |
.gradio-container .block .wrap-inner:focus-within,
|
| 445 |
-
.gradio-container .block fieldset:focus-within
|
| 446 |
-
.gradio-container .block .form:focus-within {
|
| 447 |
border-color: rgba(22, 91, 85, 0.4) !important;
|
| 448 |
box-shadow: 0 0 0 3px rgba(22, 91, 85, 0.08) !important;
|
| 449 |
}
|
| 450 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 451 |
.gradio-container .block:has(textarea[data-testid="textbox"]),
|
| 452 |
.gradio-container .block:has(input),
|
| 453 |
.gradio-container .block:has(select),
|
|
|
|
| 417 |
.gradio-container .block .wrap,
|
| 418 |
.gradio-container .block .wrap-inner,
|
| 419 |
.gradio-container .block fieldset,
|
|
|
|
| 420 |
.gradio-container [data-testid="textbox"],
|
| 421 |
.gradio-container [data-testid="dropdown"],
|
| 422 |
.gradio-container [data-testid="number"],
|
|
|
|
| 431 |
.gradio-container .block .container.show_textbox_border,
|
| 432 |
.gradio-container .block .wrap,
|
| 433 |
.gradio-container .block .wrap-inner,
|
| 434 |
+
.gradio-container .block fieldset {
|
|
|
|
| 435 |
border: 1px solid #e3e8e0 !important;
|
| 436 |
border-radius: 14px !important;
|
| 437 |
}
|
|
|
|
| 440 |
.gradio-container .block .container.show_textbox_border:focus-within,
|
| 441 |
.gradio-container .block .wrap:focus-within,
|
| 442 |
.gradio-container .block .wrap-inner:focus-within,
|
| 443 |
+
.gradio-container .block fieldset:focus-within {
|
|
|
|
| 444 |
border-color: rgba(22, 91, 85, 0.4) !important;
|
| 445 |
box-shadow: 0 0 0 3px rgba(22, 91, 85, 0.08) !important;
|
| 446 |
}
|
| 447 |
|
| 448 |
+
.gradio-container .form,
|
| 449 |
+
.gradio-container .form.svelte-d5xbca,
|
| 450 |
+
.gradio-container .form > .block,
|
| 451 |
+
.gradio-container .form > .block.padded,
|
| 452 |
+
.gradio-container .form > .block.auto-margin {
|
| 453 |
+
background: transparent !important;
|
| 454 |
+
border: none !important;
|
| 455 |
+
box-shadow: none !important;
|
| 456 |
+
}
|
| 457 |
+
|
| 458 |
.gradio-container .block:has(textarea[data-testid="textbox"]),
|
| 459 |
.gradio-container .block:has(input),
|
| 460 |
.gradio-container .block:has(select),
|