Merge pull request #228 from devchat-ai/fix-ajust-margin-in-message-header

Adjust margin in MessageHeader component
This commit is contained in:
Rankin Zheng 2023-08-04 11:13:03 +08:00 committed by GitHub
commit 5b36f0b9d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -52,7 +52,7 @@ const MessageHeader = (props: any) => {
align="center" align="center"
direction="row" direction="row"
wrap="wrap" wrap="wrap"
style={{ marginLeft: 'auto' }}> style={{ marginLeft: 'auto', marginRight: '10px' }}>
<Tooltip sx={{ padding: '3px', fontSize: 'var(--vscode-editor-font-size)' }} label={done ? 'Refilled' : 'Refill prompt'} withArrow position="left" color="gray"> <Tooltip sx={{ padding: '3px', fontSize: 'var(--vscode-editor-font-size)' }} label={done ? 'Refilled' : 'Refill prompt'} withArrow position="left" color="gray">
<ActionIcon size='sm' <ActionIcon size='sm'
onClick={() => { onClick={() => {
@ -89,7 +89,7 @@ const MessageHeader = (props: any) => {
: <CopyButton value={message} timeout={2000}> : <CopyButton value={message} timeout={2000}>
{({ copied, copy }) => ( {({ copied, copy }) => (
<Tooltip sx={{ padding: '3px', fontSize: 'var(--vscode-editor-font-size)' }} label={copied ? 'Copied' : 'Copy message'} withArrow position="left" color="gray"> <Tooltip sx={{ padding: '3px', fontSize: 'var(--vscode-editor-font-size)' }} label={copied ? 'Copied' : 'Copy message'} withArrow position="left" color="gray">
<ActionIcon size='xs' color={copied ? 'teal' : 'gray'} onClick={copy} style={{ marginLeft: 'auto' }}> <ActionIcon size='xs' color={copied ? 'teal' : 'gray'} onClick={copy} style={{ marginLeft: 'auto', marginRight: '10px' }}>
{copied ? <IconCheck size="1rem" /> : <IconCopy size="1rem" />} {copied ? <IconCheck size="1rem" /> : <IconCopy size="1rem" />}
</ActionIcon> </ActionIcon>
</Tooltip> </Tooltip>