Fixed next-page
This commit is contained in:
parent
bb876895a3
commit
2925d6477d
1 changed files with 6 additions and 3 deletions
|
|
@ -1,15 +1,17 @@
|
||||||
---
|
---
|
||||||
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 { Picture } from 'astro:assets'
|
import Image from '../builtin-components/Image/Image'
|
||||||
import sample from '/src/images/sample.avif'
|
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout title="Home">
|
<Layout title="Home">
|
||||||
<main class="page">
|
<main class="page">
|
||||||
<h1>Second Page</h1>
|
<h1>Second Page</h1>
|
||||||
<Button label="Back to Home" to="/" />
|
<Button label="Back to Home" to="/" />
|
||||||
<Picture class="image" src={sample} alt="Example Image" width={400} quality={85} formats={['avif', 'webp']} />
|
|
||||||
|
<section class="image">
|
||||||
|
<Image src="sample.png" alt="Example Image" size={400} />
|
||||||
|
</section>
|
||||||
</main>
|
</main>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
||||||
|
|
@ -21,6 +23,7 @@ import sample from '/src/images/sample.avif'
|
||||||
justify-content: center
|
justify-content: center
|
||||||
align-items: center
|
align-items: center
|
||||||
margin: 2rem
|
margin: 2rem
|
||||||
|
height: auto
|
||||||
|
|
||||||
.image
|
.image
|
||||||
margin: 2rem 0 0 0
|
margin: 2rem 0 0 0
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue