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

Make Location hover preview images global on env

Browse Source
This commit is contained in:
Félix Péault
2021-10-02 20:55:27 +02:00
parent 7b73ac5952
commit 6c1dcf7535
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.env.local
View File

@@ -1,5 +1,6 @@
# Options # Options
VITE_LIMIT_TIME=2 * 7 * 24 * 60 * 60 * 1000 VITE_LIMIT_TIME=2 * 7 * 24 * 60 * 60 * 1000
VITE_PREVIEW_COUNT=4
# API related # API related
# VITE_API_URL_DEV="http://192.168.1.19:8055" # VITE_API_URL_DEV="http://192.168.1.19:8055"

5
src/components/molecules/Location.svelte
View File

@@ -36,7 +36,7 @@
})) }))
// Change photo index from mouse position percentage // Change photo index from mouse position percentage
photoIndex = Math.round(lerp(0, 3, moveProgress)) photoIndex = Math.round(lerp(0, Number(import.meta.env.VITE_PREVIEW_COUNT) - 1, moveProgress))
} }
// Leaving mouseover // Leaving mouseover
@@ -76,7 +76,8 @@
{#each location.photos as photo, index} {#each location.photos as photo, index}
<Image <Image
class={index === photoIndex ? 'is-visible' : null} class={index === photoIndex ? 'is-visible' : null}
id={photo.image.id} alt={photo.image.title} width={240} height={160} quality={70} id={photo.image.id} alt={photo.image.title}
width={340} height={226} quality={70}
/> />
{/each} {/each}
</div> </div>

2
src/routes/__layout.svelte
View File

@@ -36,7 +36,7 @@
} }
} }
date_updated date_updated
photos (sort: "-date_created", limit: 4) { photos (sort: "-date_created", limit: ${import.meta.env.VITE_PREVIEW_COUNT}) {
image { image {
id id
title title