flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Make Earth icon a reusable component

Browse Source
This commit is contained in:
Félix Péault
2021-10-05 21:05:05 +02:00
parent 6af5e55be3
commit 26e3492c5e
3 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/atoms/IconEarth.svelte Normal file
View File

File diff suppressed because one or more lines are too long

3
src/routes/index.svelte
View File

@@ -4,6 +4,7 @@
// Components // Components
import Metas from '$components/Metas.svelte' import Metas from '$components/Metas.svelte'
import Button from '$components/atoms/Button.svelte' import Button from '$components/atoms/Button.svelte'
import IconEarth from '$components/atoms/IconEarth.svelte'
import BoxCTA from '$components/atoms/BoxCTA.svelte' import BoxCTA from '$components/atoms/BoxCTA.svelte'
import DiscoverText from '$components/atoms/DiscoverText.svelte' import DiscoverText from '$components/atoms/DiscoverText.svelte'
import PhotoCard from '$components/molecules/PhotoCard.svelte' import PhotoCard from '$components/molecules/PhotoCard.svelte'
@@ -31,7 +32,7 @@
<p class="text-medium">{settings.description}</p> <p class="text-medium">{settings.description}</p>
<Button text="Explore locations" url="{path}#locations"> <Button text="Explore locations" url="{path}#locations">
<img src="/images/icons/earth.svg" alt="explore globe"> <IconEarth animate={true} />
</Button> </Button>
</section> </section>

2
src/routes/photos.svelte
View File

@@ -90,7 +90,7 @@
on:change={handleCountryChange} on:change={handleCountryChange}
value={filterCountry} value={filterCountry}
> >
<img src="/images/icons/earth.svg" alt="Earth"> <IconEarth class="icon" />
</Select> </Select>
</li> </li>
<li> <li>