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