happyz
/
memos
mirror of https://github.com/usememos/memos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Allow list view to use full width

This commit is contained in:
Local Admin 2026-01-26 03:24:14 +00:00
parent a8dbc1fd5e
commit 2307344e8d
3 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/src/components/MasonryView/MasonryColumn.tsx
View File

@ -8,11 +8,12 @@ export function MasonryColumn({
renderContext, renderContext,
onHeightChange, onHeightChange,
isFirstColumn, isFirstColumn,
listMode,
prefixElement, prefixElement,
prefixElementRef, prefixElementRef,
}: MasonryColumnProps) { }: MasonryColumnProps) {
return ( return (
<div className="min-w-0 mx-auto w-full max-w-2xl"> <div className={listMode ? "min-w-0 w-full" : "min-w-0 mx-auto w-full max-w-2xl"}>
{/* Prefix element (like memo editor) goes in first column */} {/* Prefix element (like memo editor) goes in first column */}
{isFirstColumn && prefixElement && <div ref={prefixElementRef}>{prefixElement}</div>} {isFirstColumn && prefixElement && <div ref={prefixElementRef}>{prefixElement}</div>}

1
web/src/components/MasonryView/MasonryView.tsx
View File

@ -36,6 +36,7 @@ const MasonryView = ({ memoList, renderer, prefixElement, listMode = false }: Ma
renderContext={renderContext} renderContext={renderContext}
onHeightChange={handleHeightChange} onHeightChange={handleHeightChange}
isFirstColumn={columnIndex === 0} isFirstColumn={columnIndex === 0}
listMode={listMode}
prefixElement={prefixElement} prefixElement={prefixElement}
prefixElementRef={prefixElementRef} prefixElementRef={prefixElementRef}
/> />

1
web/src/components/MasonryView/types.ts
View File

@ -26,6 +26,7 @@ export interface MasonryColumnProps {
renderContext: MemoRenderContext; renderContext: MemoRenderContext;
onHeightChange: (memoName: string, height: number) => void; onHeightChange: (memoName: string, height: number) => void;
isFirstColumn: boolean; isFirstColumn: boolean;
listMode?: boolean;
prefixElement?: JSX.Element; prefixElement?: JSX.Element;
prefixElementRef?: React.RefObject<HTMLDivElement>; prefixElementRef?: React.RefObject<HTMLDivElement>;
} }