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

Place: Add @1x desktop illustration size, Optimize responsive
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Félix Péault
2020-04-11 19:33:37 +02:00
parent 90bdb5890d
commit 7180419fb0
9 changed files with 62 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/routes/_layout.svelte
View File

@@ -43,8 +43,9 @@
country { id }
description
coordinates
illustration_desktop { full_url }
illustration_mobile { full_url }
illu_desktop { full_url }
illu_desktop_2x { full_url }
illu_mobile { full_url }
}
}
}`})

11
src/routes/location/[country]/[place].svelte
View File

@@ -58,7 +58,7 @@
// Update current location
const location = $locations.find(loc => loc.slug === $page.params.place)
const { description, country, illustration_desktop, illustration_mobile } = location
const { description, country, illu_desktop, illu_desktop_2x, illu_mobile } = location
currentLocation.set(location)
currentPhotos.set(photos)
@@ -122,7 +122,7 @@
<a href="/choose" class="button-control button-control--big button-control--dashed" aria-label="Change the location">
<span class="center">
<IconGlobe width="44" color="#fff" />
<IconGlobe width={window.innerWidth <= 768 ? 32 : 44} color="#fff" />
<span>Change</span>
</span>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
@@ -158,10 +158,11 @@
</div>
</div>
{#if illustration_desktop || illustration_mobile}
{#if illu_desktop || illu_mobile}
<div class="place__illustration"
style="{`--url-desktop: ${illustration_desktop ? `url(${illustration_desktop.full_url});` : undefined}`}
{`--url-mobile: ${illustration_mobile ? `url(${illustration_mobile.full_url});` : undefined}`}"
style="{`--url-desktop: ${illu_desktop ? `url(${illu_desktop.full_url});` : undefined}`}
{`--url-desktop-2x: ${illu_desktop_2x ? `url(${illu_desktop_2x.full_url});` : undefined}`}
{`--url-mobile: ${illu_mobile ? `url(${illu_mobile.full_url});` : undefined}`}"
/>
{/if}
</section>