refactor(desktop): tweak share button to prevent layout shift (#9322)

This commit is contained in:
Mani Sundararajan
2026-01-19 05:34:40 -05:00
committed by GitHub
parent 13276aee82
commit 08005d755b

View File

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