refac: profile preview
This commit is contained in:
@@ -11,11 +11,21 @@
|
|||||||
export let align = 'center';
|
export let align = 'center';
|
||||||
export let side = 'right';
|
export let side = 'right';
|
||||||
export let sideOffset = 8;
|
export let sideOffset = 8;
|
||||||
|
|
||||||
|
let openPreview = false;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<LinkPreview.Root openDelay={0} closeDelay={0}>
|
<LinkPreview.Root openDelay={0} closeDelay={100} bind:open={openPreview}>
|
||||||
<LinkPreview.Trigger class=" cursor-pointer no-underline! font-normal! ">
|
<LinkPreview.Trigger class="flex items-center">
|
||||||
<slot />
|
<button
|
||||||
|
type="button"
|
||||||
|
class=" cursor-pointer no-underline! font-normal!"
|
||||||
|
on:click={() => {
|
||||||
|
openPreview = !openPreview;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<slot />
|
||||||
|
</button>
|
||||||
</LinkPreview.Trigger>
|
</LinkPreview.Trigger>
|
||||||
|
|
||||||
<UserStatusLinkPreview id={user?.id} {side} {align} {sideOffset} />
|
<UserStatusLinkPreview id={user?.id} {side} {align} {sideOffset} />
|
||||||
|
|||||||
Reference in New Issue
Block a user