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 padding styles

Browse Source
This commit is contained in:
Steven
2024-03-15 08:52:11 +08:00
parent 606a30640d
commit 0f48cfbb4e
5 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -76,14 +76,14 @@ const MemoView: React.FC<Props> = (props: Props) => {
return (
<div
className={classNames(
"group relative flex flex-col justify-start items-start w-full px-4 pt-4 pb-3 mb-2 bg-white dark:bg-zinc-800 rounded-lg border border-white dark:border-zinc-800 hover:border-gray-200 dark:hover:border-zinc-700",
"group relative flex flex-col justify-start items-start w-full px-4 pt-4 pb-3 mb-2 gap-2 bg-white dark:bg-zinc-800 rounded-lg border border-white dark:border-zinc-800 hover:border-gray-200 dark:hover:border-zinc-700",
"memos-" + memo.id,
memo.pinned && props.showPinned && "border-gray-200 border dark:border-zinc-700",
className,
)}
ref={memoContainerRef}
>
<div className="w-full h-7 flex flex-row justify-between items-center mb-2 gap-2">
<div className="w-full h-7 flex flex-row justify-between items-center gap-2">
<div className="w-auto max-w-[calc(100%-8rem)] grow flex flex-row justify-start items-center">
{creator && (
<div className="w-full flex flex-row justify-start items-center">
@ -151,7 +151,7 @@ const MemoView: React.FC<Props> = (props: Props) => {
/>
<MemoResourceListView resources={memo.resources} />
<div className="w-full flex flex-row justify-between items-center">
<div className="text-sm leading-6 text-gray-400 select-none">
<div className="text-sm leading-none text-gray-400 select-none">
<relative-time datetime={memo.displayTime?.toISOString()} tense="past" onClick={handleGotoMemoDetailPage}></relative-time>
</div>
</div>