YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-03-24 06:30:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: add gradient block to compact mode

Browse Source
This commit is contained in:
Steven 2024-09-22 21:15:46 +08:00
parent 7817947f66
commit ea881338a9
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/components/MemoContent/index.tsx
View File

@ -79,7 +79,7 @@ const MemoContent: React.FC<Props> = (props: Props) => {
<div
ref={memoContentContainerRef}
className={clsx(
"w-full max-w-full word-break text-base leading-snug space-y-2 whitespace-pre-wrap",
"relative w-full max-w-full word-break text-base leading-snug space-y-2 whitespace-pre-wrap",
showCompactMode && "line-clamp-6",
contentClassName,
)}
@ -96,6 +96,9 @@ const MemoContent: React.FC<Props> = (props: Props) => {
skipNextLineBreakFlag = true;
return <Renderer key={`${node.type}-${index}`} index={String(index)} node={node} />;
})}
{showCompactMode && (
<div className="absolute bottom-0 left-0 w-full h-12 bg-gradient-to-b from-transparent dark:to-zinc-800 to-white pointer-events-none"></div>
)}
</div>
{showCompactMode && (
<div className="w-full mt-1">