fix: tooltip and copy button in text

This commit is contained in:
Ruben Fiszel
2023-07-04 22:19:04 +02:00
parent f98c199b63
commit 30b041e220

View File

@@ -216,24 +216,25 @@
)}
>
{String(result)}
{#if resolvedConfig.tooltip && resolvedConfig.tooltip != ''}
<Tooltip>{resolvedConfig.tooltip}</Tooltip>
{/if}
{#if resolvedConfig.copyButton && result}
<Popover notClickable>
<Button
variant="border"
size="xs"
color="dark"
btnClasses="!p-1"
on:click={() => copyToClipboard(result)}
>
<Clipboard size={14} strokeWidth={2} />
</Button>
<svelte:fragment slot="text">Copy to clipboard</svelte:fragment>
</Popover>
{/if}
</svelte:element>
{#if resolvedConfig.tooltip && resolvedConfig.tooltip != ''}
<Tooltip>{resolvedConfig.tooltip}</Tooltip>
{/if}
{#if resolvedConfig.copyButton && result}
<div class="flex">
<Button
title="Copy to clipboard"
variant="border"
size="xs"
color="light"
btnClasses="!p-1"
on:click={() => copyToClipboard(result)}
>
<Clipboard size={14} strokeWidth={2} />
</Button>
</div>
{/if}
</div>
{/if}
</AlignWrapper>