xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update column count logic in VirtualGridImpl for improved responsiveness 

- Changed default column count from 2 to 1 in VirtualGridImpl to enhance layout adaptability.
- Adjusted breakpoint values to align with the new column count, ensuring better consistency across various screen sizes.
This commit is contained in:
DIYgod 2025-08-17 23:00:33 +08:00
parent 3d089930fd
commit ebea7dcac1
No known key found for this signature in database
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/desktop/layer/renderer/src/modules/entry-column/grid.tsx
View File

@ -106,11 +106,11 @@ const VirtualGridImpl: FC<
const columns = useMemo(() => {
const width = containerWidth
const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize)
let columnCount = 2 // default (grid-cols-1)
if (width >= 32 * rem) columnCount = 3 // @lg (32rem)
if (width >= 48 * rem) columnCount = 4 // @3xl (48rem)
if (width >= 72 * rem) columnCount = 5 // @6xl (72rem)
if (width >= 80 * rem) columnCount = 6 // @8xl (80rem)
let columnCount = 1 // default (grid-cols-1)
if (width >= 32 * rem) columnCount = 2 // @lg (32rem)
if (width >= 48 * rem) columnCount = 3 // @3xl (48rem)
if (width >= 72 * rem) columnCount = 4 // @6xl (72rem)
if (width >= 80 * rem) columnCount = 5 // @8xl (80rem)
return Array.from({ length: columnCount }).fill(width / columnCount) as number[]
}, [containerWidth])