vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-06-14 23:44:01 +02:00
Code Issues Packages Projects Releases Wiki Activity

Set max width on grid

Browse Source
This commit is contained in:
jeffvli
2022-12-10 20:42:25 -08:00
parent 2f2bb5f16f
commit 584c07afea
1 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/renderer/src/components/virtual-grid/virtual-infinite-grid.tsx
+11 -1
View File
@@ -18,6 +18,14 @@ interface VirtualGridProps extends Omit<FixedSizeListProps, 'children' | 'itemSi
route?: CardRoute; route?: CardRoute;
} }
const constrainWidth = (width: number) => {
if (width < 1920) {
return width;
}
return 1920;
};
export const VirtualInfiniteGrid = ({ export const VirtualInfiniteGrid = ({
itemCount, itemCount,
itemGap, itemGap,
@@ -39,7 +47,9 @@ export const VirtualInfiniteGrid = ({
const loader = useRef<InfiniteLoader>(null); const loader = useRef<InfiniteLoader>(null);
const { itemHeight, rowCount, columnCount } = useMemo(() => { const { itemHeight, rowCount, columnCount } = useMemo(() => {
const itemsPerRow = Math.floor((Number(width) - itemGap + 3) / (itemSize! + itemGap + 2)); const itemsPerRow = Math.floor(
(constrainWidth(Number(width)) - itemGap + 3) / (itemSize! + itemGap + 2),
);
return { return {
columnCount: itemsPerRow, columnCount: itemsPerRow,