diff options
| author | dan <dan.abramov@gmail.com> | 2024-04-13 11:46:16 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-13 11:46:16 +0100 |
| commit | c3f75330ed995121f7eb7cde435396741493b7b3 (patch) | |
| tree | 072fe96bf9ebcee7fa2a44a9994621b70e368f5f /bskyembed | |
| parent | acbadc610bc373752cf19e17ea48d1921dd5315e (diff) | |
| download | voidsky-c3f75330ed995121f7eb7cde435396741493b7b3.tar.zst | |
More obvious click area (#3528)
Diffstat (limited to 'bskyembed')
| -rw-r--r-- | bskyembed/src/components/post.tsx | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/bskyembed/src/components/post.tsx b/bskyembed/src/components/post.tsx index d0eaf228a..3f2c745bd 100644 --- a/bskyembed/src/components/post.tsx +++ b/bskyembed/src/components/post.tsx @@ -31,7 +31,7 @@ export function Post({thread}: Props) { return ( <Container href={href}> <div className="flex-1 flex-col flex gap-2" lang={record?.langs?.[0]}> - <div className="flex gap-2.5 items-center"> + <div className="flex gap-2.5 items-center cursor-pointer"> <Link href={`/profile/${post.author.did}`} className="rounded-full"> <div className="w-10 h-10 overflow-hidden rounded-full bg-neutral-300 shrink-0"> <img @@ -40,7 +40,7 @@ export function Post({thread}: Props) { /> </div> </Link> - <div className="flex-1"> + <div> <Link href={`/profile/${post.author.did}`} className="font-bold text-[17px] leading-5 line-clamp-1 hover:underline underline-offset-2 decoration-2"> @@ -52,6 +52,7 @@ export function Post({thread}: Props) { <p>@{post.author.handle}</p> </Link> </div> + <div className="flex-1" /> <Link href={href} className="transition-transform hover:scale-110 shrink-0 self-start"> @@ -60,12 +61,14 @@ export function Post({thread}: Props) { </div> <PostContent record={record} /> <Embed content={post.embed} labels={post.labels} /> - <time - datetime={new Date(post.indexedAt).toISOString()} - className="text-textLight mt-1 text-sm"> - {niceDate(post.indexedAt)} - </time> - <div className="border-t w-full pt-2.5 flex items-center gap-5 text-sm"> + <Link href={href}> + <time + datetime={new Date(post.indexedAt).toISOString()} + className="text-textLight mt-1 text-sm hover:underline"> + {niceDate(post.indexedAt)} + </time> + </Link> + <div className="border-t w-full pt-2.5 flex items-center gap-5 text-sm cursor-pointer"> {!!post.likeCount && ( <div className="flex items-center gap-2 cursor-pointer"> <img src={likeIcon as string} className="w-5 h-5" /> |