Added column to organize display

This commit is contained in:
Patrick Alvin Alcala 2025-09-22 12:56:43 +08:00
parent 7d40b5007e
commit 2a1a59f1c3

View file

@ -1,6 +1,6 @@
--- ---
import Layout from '../layouts/Layout.astro' import Layout from '../layouts/Layout.astro'
import { Button, Logo, Link, Page, Footer, Row, Image, Copyright } from '../../fwt/' import { Button, Logo, Link, Page, Footer, Row, Image, Copyright, Column } from '../../fwt/'
import Counter from '../components/Counter/Counter' import Counter from '../components/Counter/Counter'
import PA1 from '../../fwt/images/pat-alcala.avif' import PA1 from '../../fwt/images/pat-alcala.avif'
import PA2 from '../../fwt/images/pat-alcala.webp' import PA2 from '../../fwt/images/pat-alcala.webp'
@ -10,21 +10,23 @@ import PA2 from '../../fwt/images/pat-alcala.webp'
<Layout title="FWT"> <Layout title="FWT">
<Page alignment="column"> <Page alignment="column">
<Link to="https://git.patalcala.com/patalcala9/fwt"> <Column>
<Logo size={250} /> <Link to="https://git.patalcala.com/patalcala9/fwt" newtab>
</Link> <Logo size={250} />
</Link>
<h1>Fast WebApp Template</h1> <h1>Fast WebApp Template</h1>
<Counter client:idle /> <Counter client:idle />
<Button edges="rounded" label="FWT Components" to="/next" /> <Button edges="rounded" label="FWT Components" to="/next" />
<Footer> <Footer>
<Row content="center" gap={0.5}> <Row content="center" gap={0.5}>
<Image avif={PA1.src} webp={PA2.src} size={100} /> <Image avif={PA1.src} webp={PA2.src} size={100} />
<Copyright year="2025" name="Pat Alcala" /> <Copyright year="2025" name="Pat Alcala" />
</Row> </Row>
</Footer> </Footer>
</Column>
</Page> </Page>
</Layout> </Layout>