diff --git a/src/lib/website/EditingList.svelte b/src/lib/website/EditingList.svelte index 84d4989..feddb93 100644 --- a/src/lib/website/EditingList.svelte +++ b/src/lib/website/EditingList.svelte @@ -34,6 +34,10 @@ {#snippet child(data)} {@render item(data, async () => { + if (!itemData.cid) { + allRecords = allRecords.filter((record) => record.uri !== itemData.uri); + return; + } const { rkey } = parseUri(itemData.uri as string); await deleteRecord({ did, collection, rkey }); diff --git a/src/lib/website/Link.svelte b/src/lib/website/Link.svelte index 78a885b..e5b3c83 100644 --- a/src/lib/website/Link.svelte +++ b/src/lib/website/Link.svelte @@ -6,20 +6,17 @@
-
+
</div> - <div class="z-10 pointer-events-none"> + <div class="pointer-events-none z-10"> <PlainText key="description" {data} placeholder="Write a description..." /> </div> {#if hasContext('isEditing')} - <button class="absolute top-0 right-0" onclick={deleteItem}>Delete</button> + <button class="absolute top-0 right-0 z-10" onclick={deleteItem}>Delete</button> {:else} - <a - href={data.url} - target="_blank" - class="hover:bg-base-200/50 absolute -inset-2 rounded-2xl" + <a href={data.url} target="_blank" class="hover:bg-base-200/50 absolute -inset-2 rounded-2xl" ></a> {/if} </div> diff --git a/src/lib/website/Website.svelte b/src/lib/website/Website.svelte index 4c9351a..df61ea2 100644 --- a/src/lib/website/Website.svelte +++ b/src/lib/website/Website.svelte @@ -30,14 +30,14 @@ <PlainTextItem collection="dev.flo-bit.about" rkey="test" key="about" {data} placeholder="Write something about yourself..." /> - <div class="relative flex flex-col gap-4"> + <div class="relative flex flex-col gap-16"> <List collection="link.flo-bit.dev"> {#snippet item(data, deleteItem)} <Link {data} {deleteItem} /> {/snippet} {#snippet addItem(add)} - <button class="absolute right-0 bottom-0" onclick={add}>Add</button> + <button class="absolute left-0 -bottom-12" onclick={add}>Add</button> {/snippet} </List> </div>