diff --git a/.changeset/quick-waves-train.md b/.changeset/quick-waves-train.md new file mode 100644 index 0000000000000..4e594426b6b48 --- /dev/null +++ b/.changeset/quick-waves-train.md @@ -0,0 +1,6 @@ +--- +"@gradio/multimodaltextbox": patch +"gradio": patch +--- + +feat:Fix multimodal textbox placeholder diff --git a/js/multimodaltextbox/shared/MultimodalTextbox.svelte b/js/multimodaltextbox/shared/MultimodalTextbox.svelte index 5d34ad99dd4fc..b869e69651699 100644 --- a/js/multimodaltextbox/shared/MultimodalTextbox.svelte +++ b/js/multimodaltextbox/shared/MultimodalTextbox.svelte @@ -303,8 +303,9 @@ .input-container { display: flex; flex-direction: column; + justify-content: flex-end; align-items: center; - justify-content: center; + position: relative; } textarea { @@ -323,17 +324,17 @@ border: none; margin-top: 0px; margin-bottom: 0px; - margin-left: 35px; + margin-left: 5%; padding-top: 12px; resize: none; } textarea:disabled { - -webkit-text-fill-color: var(--body-text-color); -webkit-opacity: 1; opacity: 1; - width: 100%; - margin-left: 0px; + width: 90%; + max-width: 95%; + margin-left: 35px; } textarea::placeholder { @@ -353,7 +354,7 @@ border-radius: 50%; width: 30px; height: 30px; - bottom: 15px; + bottom: 5px; } .upload-button:hover, @@ -367,7 +368,7 @@ } .submit-button { - right: 15px; + right: 0px; margin-left: 5px; padding-bottom: 5px; padding-left: 2px; @@ -381,7 +382,7 @@ } .upload-button { - left: 10px; + left: 0px; margin-right: 5px; }