Show a clickable card naming the url while a link preview loads (#516)
This commit is contained in:
parent
2464389e2b
commit
f613e7cadd
1 changed files with 12 additions and 3 deletions
|
|
@ -95,9 +95,18 @@
|
||||||
</Link>
|
</Link>
|
||||||
{:else}
|
{:else}
|
||||||
{#await loadPreview(url)}
|
{#await loadPreview(url)}
|
||||||
<div class="flex justify-center items-center my-12 w-full">
|
<Link {external} {href} class="my-2 block">
|
||||||
<Spinner />
|
<div
|
||||||
</div>
|
class="border border-solid flex max-w-xl flex-col overflow-hidden leading-normal rounded-2xl"
|
||||||
|
style="border-color: var(--line)">
|
||||||
|
<div class="flex flex-col gap-2 p-4">
|
||||||
|
<Spinner>
|
||||||
|
<strong class="overflow-hidden text-ellipsis whitespace-nowrap"
|
||||||
|
>{displayUrl(url)}</strong>
|
||||||
|
</Spinner>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Link>
|
||||||
{:then preview}
|
{:then preview}
|
||||||
<Link {external} {href} class="my-2 block">
|
<Link {external} {href} class="my-2 block">
|
||||||
<div
|
<div
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue