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

Fix the locations list filters and add reveal transitions

Browse Source 
Typically add a delay between two click (Limiter) to click again. Thanks Nico!
This commit is contained in:
Félix Péault
2020-02-26 15:56:22 +01:00
parent 042440188e
commit c9b1f63c64
5 changed files with 110 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/molecules/Location.svelte
View File

@@ -1,15 +1,16 @@
<script>
export let name
export let slug
export let country
const src = country.flag.full_url
// Props
export let location
</script>
<div class="location">
<a href="/location/{country.slug}/{slug}">
<img {src} alt={'Flag of ' + country.name} />
<h3 class="location__city">{name}</h3>
<p class="location__country style-caps">{country.name}</p>
<div class="location" data-aos="location">
<a href="/location/{location.country.slug}/{location.slug}">
<img src={location.country.flag.full_url} alt="Flag of {location.country.name}">
<div class="anim-mask mask-city">
<h3 class="location__city">{location.name}</h3>
</div>
<div class="anim-mask mask-country">
<p class="location__country style-caps">{location.country.name}</p>
</div>
</a>
</div>