Fix share button position (#5470)

* fix share button position

* add changeset

* top padding

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
This commit is contained in:
Dawood Khan 2023-09-11 16:55:25 -04:00 committed by GitHub
parent b271e73886
commit a4e010a96f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 3 deletions

View File

@ -0,0 +1,6 @@
---
"@gradio/chatbot": patch
"gradio": patch
---
fix:Fix share button position

View File

@ -96,7 +96,7 @@
</script>
{#if show_share_button && value !== null && value.length > 0}
<div class="icon-button">
<div class="share-button">
<ShareButton
on:error
on:share
@ -157,7 +157,7 @@
{/if}
{#if show_copy_button && message && typeof message === "string"}
<div class="icon-button">
<div class="copy-button">
<Copy value={message} />
</div>
{/if}
@ -347,10 +347,15 @@
.message-buttons-fit {
margin-right: 0px;
}
.icon-button {
.copy-button {
margin-top: -10px;
margin-bottom: -10px;
}
.share-button {
position: absolute;
top: 4px;
right: 6px;
}
.like {
display: flex;
height: var(--size-8);