mirror of
https://github.com/coracle-social/coracle.git
synced 2024-09-19 11:43:35 +00:00
Fix mention layout on small screens
This commit is contained in:
parent
8046f866e7
commit
803f4d5c64
@ -18,6 +18,7 @@
|
|||||||
|
|
||||||
# More
|
# More
|
||||||
|
|
||||||
|
- [ ] Invite link, nprofile + path that prompts someone to sign in or create an account and auto-follow the inviter
|
||||||
- [ ] Cache follower numbers to avoid re-fetching so much
|
- [ ] Cache follower numbers to avoid re-fetching so much
|
||||||
- [ ] Allow the user to disable likes/zaps
|
- [ ] Allow the user to disable likes/zaps
|
||||||
- [ ] NIP for group membership
|
- [ ] NIP for group membership
|
||||||
|
@ -51,7 +51,7 @@
|
|||||||
}
|
}
|
||||||
}} />
|
}} />
|
||||||
|
|
||||||
<div bind:this={trigger}>
|
<div bind:this={trigger} class={$$props.class}>
|
||||||
<slot name="trigger" />
|
<slot name="trigger" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -2,7 +2,6 @@
|
|||||||
import {ellipsize} from 'hurdak/lib/hurdak'
|
import {ellipsize} from 'hurdak/lib/hurdak'
|
||||||
import {formatTimestamp} from 'src/util/misc'
|
import {formatTimestamp} from 'src/util/misc'
|
||||||
import {displayPerson} from 'src/util/nostr'
|
import {displayPerson} from 'src/util/nostr'
|
||||||
import Anchor from 'src/partials/Anchor.svelte'
|
|
||||||
import ImageCircle from "src/partials/ImageCircle.svelte"
|
import ImageCircle from "src/partials/ImageCircle.svelte"
|
||||||
import Popover from "src/partials/Popover.svelte"
|
import Popover from "src/partials/Popover.svelte"
|
||||||
import PersonSummary from "src/views/person/PersonSummary.svelte"
|
import PersonSummary from "src/views/person/PersonSummary.svelte"
|
||||||
@ -19,19 +18,19 @@
|
|||||||
border border-solid border-black hover:border-medium hover:bg-dark text-left"
|
border border-solid border-black hover:border-medium hover:bg-dark text-left"
|
||||||
on:click={() => modal.set({type: 'note/detail', note})}>
|
on:click={() => modal.set({type: 'note/detail', note})}>
|
||||||
<div class="flex gap-2 items-center justify-between relative w-full">
|
<div class="flex gap-2 items-center justify-between relative w-full">
|
||||||
<div class="flex gap-1 items-center" on:click|stopPropagation>
|
<div class="flex gap-2 items-center">
|
||||||
<Popover>
|
<ImageCircle src={person.kind0?.picture} />
|
||||||
<div slot="trigger">
|
<div on:click|stopPropagation>
|
||||||
<Anchor type="unstyled" class="text-lg font-bold flex gap-2 items-center">
|
<Popover class="inline-block">
|
||||||
<ImageCircle src={person.kind0?.picture} />
|
<div slot="trigger" class="font-bold">
|
||||||
<span class="text-lg font-bold ml-1">{displayPerson(person)}</span>
|
{displayPerson(person)}
|
||||||
</Anchor>
|
</div>
|
||||||
</div>
|
<div slot="tooltip">
|
||||||
<div slot="tooltip">
|
<PersonSummary pubkey={note.pubkey} />
|
||||||
<PersonSummary pubkey={note.pubkey} />
|
</div>
|
||||||
</div>
|
</Popover>
|
||||||
</Popover>
|
<div class="inline-block">mentioned you.</div>
|
||||||
<span>mentioned you.</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-sm text-light">{formatTimestamp(note.created_at)}</p>
|
<p class="text-sm text-light">{formatTimestamp(note.created_at)}</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -44,7 +44,7 @@
|
|||||||
type="unstyled"
|
type="unstyled"
|
||||||
class="flex items-center gap-2"
|
class="flex items-center gap-2"
|
||||||
on:click={() => navigate(routes.person(pubkey))}>
|
on:click={() => navigate(routes.person(pubkey))}>
|
||||||
<h1 class="text-2xl">{displayPerson(person)}</h1>
|
<h2 class="text-lg">{displayPerson(person)}</h2>
|
||||||
</Anchor>
|
</Anchor>
|
||||||
{#if person.verified_as}
|
{#if person.verified_as}
|
||||||
<div class="flex gap-1 text-sm">
|
<div class="flex gap-1 text-sm">
|
||||||
|
Loading…
Reference in New Issue
Block a user