diff options
| author | Adam Soltys <[email protected]> | 2025-01-21 23:35:56 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2025-01-21 23:35:56 -0800 |
| commit | 116195b22acde40154332b8914c95dd3409b8285 (patch) | |
| tree | a1944f6267a6fd18bcf6c445df37d5b5319b48ed /src/components/Event.svelte | |
| parent | a70316e64bcc9bad7fb626056f9cc58d1858dff9 (diff) | |
| download | coinos-ui-116195b22acde40154332b8914c95dd3409b8285.tar.gz coinos-ui-116195b22acde40154332b8914c95dd3409b8285.zip | |
remove border on last event
Diffstat (limited to 'src/components/Event.svelte')
| -rw-r--r-- | src/components/Event.svelte | 48 |
1 files changed, 23 insertions, 25 deletions
diff --git a/src/components/Event.svelte b/src/components/Event.svelte index b94443d2..a77b9239 100644 --- a/src/components/Event.svelte +++ b/src/components/Event.svelte @@ -8,7 +8,7 @@ import { pin } from "$lib/store"; let amount = 21; - let { event, minimal, heading = true } = $props(); + let { event, minimal, last } = $props(); let { author, parts, zaps, names, created_at } = $derived(event); let { id } = event; @@ -29,33 +29,31 @@ }; </script> -<div class="space-y-2 border-b-8 dark:border-primary py-8"> - {#if heading} - <div class="flex"> - <a href={`/${author.pubkey}/notes`} class="contents"> - <div class="flex gap-2 items-center"> - <Avatar user={author} size={16} disabled={true} /> +<div class="space-y-2 dark:border-primary py-8" class:border-b-8={!last}> + <div class="flex"> + <a href={`/${author.pubkey}/notes`} class="contents"> + <div class="flex gap-2 items-center"> + <Avatar user={author} size={16} disabled={true} /> + <div> <div> - <div> - <span class="font-bold">{author.display}</span> - <span class="text-secondary">@{author.username}</span> - <span class="text-secondary">• {ago(created_at)}</span> - </div> - {#if author.lud16} - <div class="flex items-center"> - <iconify-icon - noobserver - icon="ph:lightning-fill" - class="text-yellow-300" - ></iconify-icon> - {author.lud16} - </div> - {/if} + <span class="font-bold">{author.display}</span> + <span class="text-secondary">@{author.username}</span> + <span class="text-secondary">• {ago(created_at)}</span> </div> + {#if author.lud16} + <div class="flex items-center"> + <iconify-icon + noobserver + icon="ph:lightning-fill" + class="text-yellow-300" + ></iconify-icon> + {author.lud16} + </div> + {/if} </div> - </a> - </div> - {/if} + </div> + </a> + </div> <a href={`/e/${id}`} class="contents"> <div class="text-2xl space-y-2 break-words"> |