lenooby09.tech
mirror of https://git.lenooby09.tech/LeNooby09/social-app.git
More obvious click area (#3528)
authored by
GitHub
c3f75330
acbadc61
+11
-8
+11
-8
bskyembed/src/components/post.tsx
+11
-8
bskyembed/src/components/post.tsx
···
31
31
return (
32
32
<Container href={href}>
33
33
<div className="flex-1 flex-col flex gap-2" lang={record?.langs?.[0]}>
34
-
<div className="flex gap-2.5 items-center">
34
+
<div className="flex gap-2.5 items-center cursor-pointer">
35
35
<Link href={`/profile/${post.author.did}`} className="rounded-full">
36
36
<div className="w-10 h-10 overflow-hidden rounded-full bg-neutral-300 shrink-0">
37
37
<img
···
40
40
/>
41
41
</div>
42
42
</Link>
43
-
<div className="flex-1">
43
+
<div>
44
44
<Link
45
45
href={`/profile/${post.author.did}`}
46
46
className="font-bold text-[17px] leading-5 line-clamp-1 hover:underline underline-offset-2 decoration-2">
···
52
52
<p>@{post.author.handle}</p>
53
53
</Link>
54
54
</div>
55
+
<div className="flex-1" />
55
56
<Link
56
57
href={href}
57
58
className="transition-transform hover:scale-110 shrink-0 self-start">
···
60
61
</div>
61
62
<PostContent record={record} />
62
63
<Embed content={post.embed} labels={post.labels} />
63
-
<time
64
-
datetime={new Date(post.indexedAt).toISOString()}
65
-
className="text-textLight mt-1 text-sm">
66
-
{niceDate(post.indexedAt)}
67
-
</time>
68
-
<div className="border-t w-full pt-2.5 flex items-center gap-5 text-sm">
64
+
<Link href={href}>
65
+
<time
66
+
datetime={new Date(post.indexedAt).toISOString()}
67
+
className="text-textLight mt-1 text-sm hover:underline">
68
+
{niceDate(post.indexedAt)}
69
+
</time>
70
+
</Link>
71
+
<div className="border-t w-full pt-2.5 flex items-center gap-5 text-sm cursor-pointer">
69
72
{!!post.likeCount && (
70
73
<div className="flex items-center gap-2 cursor-pointer">
71
74
<img src={likeIcon as string} className="w-5 h-5" />