mirror of
https://github.com/OpenListTeam/OpenList-Frontend.git
synced 2026-03-13 11:20:24 +00:00
24 lines
516 B
TypeScript
24 lines
516 B
TypeScript
import { Grid } from "@hope-ui/solid"
|
|
import { For } from "solid-js"
|
|
import { GridItem } from "./GridItem"
|
|
import "lightgallery/css/lightgallery-bundle.css"
|
|
import { objStore } from "~/store"
|
|
|
|
const GridLayout = () => {
|
|
return (
|
|
<Grid
|
|
w="$full"
|
|
gap="$1"
|
|
templateColumns="repeat(auto-fill, minmax(100px,1fr))"
|
|
>
|
|
<For each={objStore.objs}>
|
|
{(obj, i) => {
|
|
return <GridItem obj={obj} index={i()} />
|
|
}}
|
|
</For>
|
|
</Grid>
|
|
)
|
|
}
|
|
|
|
export default GridLayout
|