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

Carousel: Rewrite some classes

Browse Source
This commit is contained in:
Félix Péault
2020-02-29 10:47:46 +01:00
parent 4d8493e407
commit fd45ce1731
2 changed files with 50 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/organisms/Carousel.svelte
View File

@@ -159,17 +159,23 @@
{/if}
</div>
<div class="carousel__information">
<div class="carousel__information--location style-location">
<p class="street">
{currentPhoto.name}
</p>
<p class="state style-caps style-caps--transparent">
{currentPhoto.location.region}, {currentPhoto.location.country.name}
</p>
<div class="carousel__infos">
<div class="carousel__infos--locations">
{#each photos as photo, index}
<div class="carousel__infos--location style-location"
class:prev={photo === prevPhoto}
class:active={photo === currentPhoto}
class:next={photo === nextPhoto}
>
<p class="street">{photo.name}</p>
<p class="state style-caps style-caps--transparent">
{photo.location.name}, {photo.location.country.name}
</p>
</div>
{/each}
</div>
{#if viewer}
<p class="carousel__information--date">{dayjs(currentPhoto.created_on).format('MMM Do, YYYY')}</p>
<p class="carousel__infos--date">{dayjs(currentPhoto.created_on).format('MMM Do, YYYY')}</p>
{/if}
</div>