YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: tweak memo view styles

Browse Source
This commit is contained in:
Steven
2024-03-23 00:58:15 +08:00
parent 005305cd9a
commit d1e8af48c0
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/MemoView.tsx
View File

@ -91,12 +91,16 @@ const MemoView: React.FC<Props> = (props: Props) => {
<UserAvatar className="mr-2 shrink-0" avatarUrl={creator.avatarUrl} />
</Link>
<div className="w-full flex flex-col justify-center items-start">
<Link className="w-auto hover:opacity-80" to={`/u/${encodeURIComponent(creator.username)}`} unstable_viewTransition>
<span className="text-gray-600 text-lg leading-tight max-w-[80%] truncate dark:text-gray-400">
<Link
className="w-auto leading-tight hover:opacity-80"
to={`/u/${encodeURIComponent(creator.username)}`}
unstable_viewTransition
>
<span className="text-gray-600 leading-tight max-w-[80%] truncate dark:text-gray-400">
{creator.nickname || creator.username}
</span>
</Link>
<div className="w-auto -mt-0.5 text-xs leading-none text-gray-400 select-none" onClick={handleGotoMemoDetailPage}>
<div className="w-auto -mt-0.5 text-xs leading-tight text-gray-400 select-none" onClick={handleGotoMemoDetailPage}>
<relative-time datetime={memo.displayTime?.toISOString()} format={relativeTimeFormat} tense="past"></relative-time>
</div>
</div>