refactor(desktop): tweak share button to prevent layout shift (#9322)
This commit is contained in:
committed by
GitHub
parent
13276aee82
commit
08005d755b
@@ -244,7 +244,11 @@ export function SessionHeader() {
|
|||||||
}
|
}
|
||||||
trigger={
|
trigger={
|
||||||
<Tooltip class="shrink-0" value="Share session">
|
<Tooltip class="shrink-0" value="Share session">
|
||||||
<Button variant="secondary" classList={{ "rounded-r-none": shareUrl() !== undefined }}>
|
<Button
|
||||||
|
variant="secondary"
|
||||||
|
classList={{ "rounded-r-none": shareUrl() !== undefined }}
|
||||||
|
style={{ scale: 1 }}
|
||||||
|
>
|
||||||
Share
|
Share
|
||||||
</Button>
|
</Button>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
@@ -293,12 +297,12 @@ export function SessionHeader() {
|
|||||||
</Show>
|
</Show>
|
||||||
</div>
|
</div>
|
||||||
</Popover>
|
</Popover>
|
||||||
<Show when={shareUrl()}>
|
<Show when={shareUrl()} fallback={<div class="size-6" aria-hidden="true" />}>
|
||||||
<Tooltip value={state.copied ? "Copied" : "Copy link"} placement="top" gutter={8}>
|
<Tooltip value={state.copied ? "Copied" : "Copy link"} placement="top" gutter={8}>
|
||||||
<IconButton
|
<IconButton
|
||||||
icon={state.copied ? "check" : "copy"}
|
icon={state.copied ? "check" : "copy"}
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
class="rounded-l-none border-l border-border-weak-base"
|
class="rounded-l-none"
|
||||||
onClick={copyLink}
|
onClick={copyLink}
|
||||||
disabled={state.unshare}
|
disabled={state.unshare}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user