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

fix: max height of memo content compact mode

Browse Source
This commit is contained in:
Steven
2024-10-15 20:07:55 +08:00
parent 317cf06579
commit c4b52c68b5
3 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/MemoContent/Blockquote.tsx
View File

@@ -8,7 +8,7 @@ interface Props extends BaseProps {
const Blockquote: React.FC<Props> = ({ children }: Props) => {
return (
<blockquote className="p-2 border-s-4 border-gray-300 bg-gray-50 dark:border-gray-500 dark:bg-zinc-700">
<blockquote className="p-2 border-s-4 rounded border-gray-300 bg-gray-50 dark:border-gray-500 dark:bg-zinc-700">
{children.map((child, index) => (
<Renderer key={`${child.type}-${index}`} index={String(index)} node={child} />
))}

4
web/src/components/MemoContent/CodeBlock.tsx
View File

@@ -40,7 +40,7 @@ const CodeBlock: React.FC<Props> = ({ language, content }: Props) => {
return <MermaidBlock content={content} />;
}
const highlightedCode: string = useMemo(() => {
const highlightedCode = useMemo(() => {
try {
const lang = hljs.getLanguage(formatedLanguage);
if (lang) {
@@ -52,7 +52,7 @@ const CodeBlock: React.FC<Props> = ({ language, content }: Props) => {
// Skip error and use default highlighted code.
}
// escape any HTML entities when rendering original content
// Escape any HTML entities when rendering original content.
return Object.assign(document.createElement("span"), {
textContent: content,
}).innerHTML;

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

@@ -80,7 +80,7 @@ const MemoContent: React.FC<Props> = (props: Props) => {
ref={memoContentContainerRef}
className={clsx(
"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 max-h-44",
contentClassName,
)}
onClick={handleMemoContentClick}
@@ -91,7 +91,6 @@ const MemoContent: React.FC<Props> = (props: Props) => {
skipNextLineBreakFlag = false;
return null;
}
prevNode = node;
skipNextLineBreakFlag = true;
return <Renderer key={`${node.type}-${index}`} index={String(index)} node={node} />;