Tweak some layout stuff

This commit is contained in:
Jonathan Staab 2023-03-08 11:49:09 -06:00
parent 02b617bbf1
commit 11d5dc7e98
2 changed files with 5 additions and 3 deletions

View File

@ -360,7 +360,7 @@
</Popover> </Popover>
<Anchor <Anchor
href={"/" + nip19.neventEncode({id: note.id, relays: [note.seen_on]})} href={"/" + nip19.neventEncode({id: note.id, relays: [note.seen_on]})}
class="text-sm text-light" class="hidden text-sm text-light sm:block"
type="unstyled"> type="unstyled">
{timestamp} {timestamp}
</Anchor> </Anchor>
@ -419,7 +419,9 @@
<i class="fa fa-bolt cursor-pointer" /> <i class="fa fa-bolt cursor-pointer" />
{formatSats($zapsTotal)} {formatSats($zapsTotal)}
</button> </button>
<button class="w-16 text-left" on:click|stopPropagation={() => react("-")}> <button
class="hidden w-16 text-left sm:block"
on:click|stopPropagation={() => react("-")}>
<i class="fa fa-flag cursor-pointer" /> <i class="fa fa-flag cursor-pointer" />
{$flagsCount} {$flagsCount}
</button> </button>

View File

@ -54,7 +54,7 @@
<Content size="lg" class="text-center">Sorry, we weren't able to find this note.</Content> <Content size="lg" class="text-center">Sorry, we weren't able to find this note.</Content>
</div> </div>
{:else if note.pubkey} {:else if note.pubkey}
<div in:fly={{y: 20}} class="flex flex-col gap-4 p-4"> <div in:fly={{y: 20}} class="m-auto flex max-w-2xl flex-col gap-4 p-4">
<Note showContext depth={6} anchorId={note.id} note={asDisplayEvent(note)} {invertColors} /> <Note showContext depth={6} anchorId={note.id} note={asDisplayEvent(note)} {invertColors} />
</div> </div>
{/if} {/if}