diff --git a/.changeset/nice-plums-bet.md b/.changeset/nice-plums-bet.md new file mode 100644 index 0000000000000..10bf978c92423 --- /dev/null +++ b/.changeset/nice-plums-bet.md @@ -0,0 +1,6 @@ +--- +"@gradio/multimodaltextbox": patch +"gradio": patch +--- + +fix:Fix multimodal textbox styling for certain themes diff --git a/js/multimodaltextbox/shared/MultimodalTextbox.svelte b/js/multimodaltextbox/shared/MultimodalTextbox.svelte index 6c84a5a9c115d..e5212ba7bdf0e 100644 --- a/js/multimodaltextbox/shared/MultimodalTextbox.svelte +++ b/js/multimodaltextbox/shared/MultimodalTextbox.svelte @@ -313,6 +313,7 @@ background: var(--input-background-fill); padding: var(--input-padding); width: 90%; + max-width: 95%; max-height: 100%; height: 25px; color: var(--body-text-color); @@ -322,7 +323,7 @@ border: none; margin-top: 0px; margin-bottom: 0px; - margin-left: 30px; + margin-left: 35px; padding-top: 12px; resize: none; } @@ -352,7 +353,6 @@ border-radius: 50%; width: 30px; height: 30px; - bottom: 15px; } .upload-button:hover, @@ -366,7 +366,7 @@ } .submit-button { - right: 10px; + right: 15px; margin-left: 5px; padding-bottom: 5px; padding-left: 2px;