mirror of
https://github.com/nestriness/nestri.git
synced 2025-12-12 08:45:38 +02:00
feat(web): Use reusable components
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -1,2 +1,2 @@
|
|||||||
export * from "./Stack"
|
export * from "./Stack"
|
||||||
export * from "./Grid"
|
export { default as Grid } from "./Grid"
|
||||||
|
|||||||
Reference in New Issue
Block a user