Add close button to Viewer

This commit is contained in:
2021-11-23 23:04:33 +01:00
parent 35e8ea2d89
commit dd66c34b6a
4 changed files with 65 additions and 8 deletions

View File

@@ -218,6 +218,17 @@
<div class="container grid">
<p class="viewer-photo__notice text-label">Tap for fullscreen</p>
<ButtonCircle
tag="a"
url="/{location.country.slug}/{location.slug}"
color="purple"
class="viewer-photo__close shadow-box-dark"
>
<svg width="12" height="12">
<use xlink:href="#cross">
</svg>
</ButtonCircle>
<div class="viewer-photo__carousel">
<div class="viewer-photo__images" use:swipe on:swipe={handleSwipe} on:tap={toggleFullscreen}>
{#each visiblePhotos as photo, index (photo.id)}