PatAlcala9/fwt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Used page component and button

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-08-27 16:51:59 +08:00
parent 970ffd1f1d
commit a15f4947e3
2 changed files with 16 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/pages/index.astro
View file

@ -3,29 +3,23 @@ import Layout from '../layouts/Layout.astro'
import Button from '../builtin-components/Button/Button.tsx' import Button from '../builtin-components/Button/Button.tsx'
import Image from '../builtin-components/Image/Image' import Image from '../builtin-components/Image/Image'
import Link from '../builtin-components/Link/Link' import Link from '../builtin-components/Link/Link'
import Counter from '../components/Counter.tsx' import Counter from '../components/Counter/Counter.tsx'
import Page from '../builtin-components/Page/Page'
--- ---
<Layout title="FWT"> <Layout title="FWT">
<main class="page"> <Page alignment="column">
<Link to="https://git.patalcala.com/patalcala9/fwt"> <Link to="https://git.patalcala.com/patalcala9/fwt">
<Image src="fwt.png" size={250} /> <Image src="fwt.png" size={250} />
</Link> </Link>
<h1>Fast WebApp Template</h1> <h1>Fast WebApp Template</h1>
<Counter client:load /> <Counter client:load />
<Button label="Next Page" to="/next" /> <Button edges="rounded" label="Show Built-in Components" to="/next" />
</main> </Page>
<style lang="sass"> <style lang="sass">
.page h1
display: flex color: #3377AC
flex-direction: column
flex-wrap: wrap
justify-content: center
align-items: center
align-content: center
margin: 2rem
height: 90vh
</style> </style>
</Layout> </Layout>

12
src/pages/next.astro
View file

@ -2,17 +2,21 @@
import Layout from '../layouts/Layout.astro' import Layout from '../layouts/Layout.astro'
import Button from '../builtin-components/Button/Button.tsx' import Button from '../builtin-components/Button/Button.tsx'
import Image from '../builtin-components/Image/Image' import Image from '../builtin-components/Image/Image'
import Page from '../builtin-components/Page/Page'
--- ---
<Layout title="Home"> <Layout title="Home">
<main class="page"> <Page alignment='column'>
<h1>Second Page</h1> <h1>Built-in Components</h1>
<Button label="Back to Home" to="/" /> <Button edges='rounded' label="Back to Home" to="/" />
<section class="image"> <section class="image">
<Image src="sample.png" alt="Example Image" size={400} /> <Image src="sample.png" alt="Example Image" size={400} />
<Image src="sample.png" alt="Example Image" size={400} />
<Image src="sample.png" alt="Example Image" size={400} />
<Image src="sample.png" alt="Example Image" size={400} />
</section> </section>
</main> </Page>
</Layout> </Layout>
<style lang="sass"> <style lang="sass">