mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-04-06 12:30:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix multimodal textbox placeholder (#8455)

Browse Source 
* fix placeholder

* add changeset

* add changeset

* placeholder spacing fix for other themes

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
This commit is contained in:
Dawood Khan 2024-06-04 18:25:43 -04:00 committed by GitHub
parent 4a55157ed9
commit a970589cf5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
.changeset/quick-waves-train.md Normal file
View File

@ -0,0 +1,6 @@
---
"@gradio/multimodaltextbox": patch
"gradio": patch
---
feat:Fix multimodal textbox placeholder

17
js/multimodaltextbox/shared/MultimodalTextbox.svelte
View File

@ -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;
}