Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-03-17 23:11:29 -05:00
Code Issues Activity

fix: remove images from example

Browse source
This commit is contained in:
Nate Moore 2022-03-27 09:52:55 -05:00
parent 3d307bf2af
commit 5ec589f220
4 changed files with 31 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
examples/router/src/components/Box.astro Normal file
View file

@ -0,0 +1,14 @@
---
const { color = "red" } = Astro.props;
---
<div class="box" />
<style define:vars={{ color }}>
.box {
--size: 400px;
width: var(--size);
height: var(--size);
background: var(--color);
}
</style>

8
examples/router/src/pages/routes/dashboard/one.astro
View file

@ -1,3 +1,7 @@
<h3>One</h3>
---
import Box from '../../../components/Box.astro'
---
<img src="https://images.unsplash.com/photo-1608178398319-48f814d0750c" width="640">
<h3>Two</h3>
<Box color="red" />

8
examples/router/src/pages/routes/dashboard/three.astro
View file

@ -1,3 +1,7 @@
<h3>Three</h3>
---
import Box from '../../../components/Box.astro'
---
<img src="https://images.unsplash.com/photo-1462331940025-496dfbfc7564" width="640">
<h3>Two</h3>
<Box color="blue" />

6
examples/router/src/pages/routes/dashboard/two.astro
View file

@ -1,3 +1,7 @@
---
import Box from '../../../components/Box.astro'
---
<h3>Two</h3>
<img src="https://images.unsplash.com/photo-1610296669228-602fa827fc1f" width="640">
<Box color="green" />