matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Tweak layout of thread actions

Browse source
This commit is contained in:
Jon Staab 2024-11-20 15:56:24 -08:00
parent 1c0e680c17
commit 659403c308
3 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/app/components/Content.svelte
View file

@ -153,8 +153,11 @@
{/each} {/each}
</div> </div>
{#if expandBlock} {#if expandBlock}
<div class="relative z-feature -mt-6 flex justify-center bg-gradient-to-t from-base-100 py-2"> <div class="relative z-feature -mt-6 flex justify-center py-2">
<button type="button" class="btn" on:click|stopPropagation|preventDefault={expand}> <button
type="button"
class="btn btn-neutral"
on:click|stopPropagation|preventDefault={expand}>
See more See more
</button> </button>
</div> </div>

2
src/app/components/ThreadActions.svelte
View file

@ -56,8 +56,8 @@
</script> </script>
<div class="flex flex-wrap items-center justify-between gap-2"> <div class="flex flex-wrap items-center justify-between gap-2">
<ReactionSummary relays={[url]} {event} {onReactionClick} />
<div class="flex flex-grow flex-wrap justify-end gap-2"> <div class="flex flex-grow flex-wrap justify-end gap-2">
<ReactionSummary relays={[url]} {event} {onReactionClick} />
{#if $deleted} {#if $deleted}
<div class="btn btn-error btn-xs rounded-full">Deleted</div> <div class="btn btn-error btn-xs rounded-full">Deleted</div>
{:else if thunk} {:else if thunk}

2
src/app/components/ThreadItem.svelte
View file

@ -23,7 +23,7 @@
</p> </p>
</div> </div>
<Content {event} expandMode="inline" /> <Content {event} expandMode="inline" />
<div class="flex w-full items-end justify-between gap-2"> <div class="flex w-full flex-col items-end justify-between gap-2 sm:flex-row">
<span class="whitespace-nowrap py-1 text-sm opacity-75"> <span class="whitespace-nowrap py-1 text-sm opacity-75">
Posted by Posted by
<Link external href={pubkeyLink(event.pubkey)} class="link-content"> <Link external href={pubkeyLink(event.pubkey)} class="link-content">