Skip to content

C
canifa_note
Commit ea881338 authored by Steven's avatar Steven
Browse files
Options

chore: add gradient block to compact mode

parent 7817947f
Show whitespace changes
Inline Side-by-side
Showing with 4 additions and 1 deletion
web/src/components/MemoContent/index.tsx
View file @ ea881338
...@@ -79,7 +79,7 @@ const MemoContent: React.FC<Props> = (props: Props) => { ...@@ -79,7 +79,7 @@ const MemoContent: React.FC<Props> = (props: Props) => {
<div <div
ref={memoContentContainerRef} ref={memoContentContainerRef}
className={clsx( 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", showCompactMode && "line-clamp-6",
contentClassName, contentClassName,
)} )}
...@@ -96,6 +96,9 @@ const MemoContent: React.FC<Props> = (props: Props) => { ...@@ -96,6 +96,9 @@ const MemoContent: React.FC<Props> = (props: Props) => {
skipNextLineBreakFlag = true; skipNextLineBreakFlag = true;
return <Renderer key={`${node.type}-${index}`} index={String(index)} node={node} />; 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> </div>
{showCompactMode && ( {showCompactMode && (
<div className="w-full mt-1"> <div className="w-full mt-1">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment