feat(web): Use reusable components

This commit is contained in:
Wanjohi
2025-07-22 15:52:21 +03:00
parent ece6d74e1f
commit 41b85d6436
2 changed files with 10 additions and 8 deletions

View File

@@ -9,15 +9,15 @@ import { Stack, Grid } from "../solidjs/index.ts";
stackGap="0px" stackGap="0px"
> >
<div class="flex justify-center items-center flex-col"> <div class="flex justify-center items-center flex-col">
<Grid <Grid.Root
style={{ "border-bottom": "none" }} style={{ "border-bottom": "none" }}
crossRow={1}
crossColumn={0}
smGridColumns={8} smGridColumns={8}
mdGridColumns={10} mdGridColumns={10}
lgGridColumns={12} lgGridColumns={12}
/> >
<Grid <Grid.Cross crossRow={1} crossColumn={0} />
</Grid.Root>
<Grid.Root
class="before:!border-t-0" class="before:!border-t-0"
style={{ "border-bottom": "none" }} style={{ "border-bottom": "none" }}
smGridColumns={1} smGridColumns={1}
@@ -25,13 +25,15 @@ import { Stack, Grid } from "../solidjs/index.ts";
lgGridColumns={3} lgGridColumns={3}
heroHeading={true} heroHeading={true}
/> />
<Grid <Grid.Root
style={{ "border-bottom": "none" }} style={{ "border-bottom": "none" }}
class="before:!border-t-0" class="before:!border-t-0"
smGridColumns={8} smGridColumns={8}
gridRows={5} gridRows={5}
mdGridColumns={10} mdGridColumns={10}
lgGridColumns={12} lgGridColumns={12}
/> >
<Grid.Cross crossRow={-1} crossColumn={-1} />
</Grid.Root>
</div> </div>
</Stack> </Stack>

View File

@@ -1,2 +1,2 @@
export * from "./Stack" export * from "./Stack"
export * from "./Grid" export { default as Grid } from "./Grid"