rayelliott
/
marc-leopold
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

formatting

This commit is contained in:
ManjaroOne666 2019-01-22 12:57:44 +00:00
parent 936105793c
commit 2db8946828
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/GalleryImageViewer.vue
View File

@ -2,7 +2,11 @@
<div class="image-viewer" <div class="image-viewer"
:class="{ 'is-visible': isVisible }"> :class="{ 'is-visible': isVisible }">
<transition name="trans-bg-image"> <transition name="trans-bg-image">
<div v-if="backgroundImageUrl !== null" :key="backgroundImageUrl" class="viewer-background" :style="backgroundStyle"></div> <div v-if="backgroundImageUrl !== null"
:key="backgroundImageUrl"
class="viewer-background"
:style="backgroundStyle"
></div>
</transition> </transition>
<div class="image-container"> <div class="image-container">
<transition name="trans-bg-image"> <transition name="trans-bg-image">
@ -11,7 +15,11 @@
</div> </div>
<div class="image-container"> <div class="image-container">
<transition name="trans-image" mode="out-in"> <transition name="trans-image" mode="out-in">
<img v-if="displayImageUrl !== null" :key="displayImageUrl" class="image" :src="displayImageUrl"> <img v-if="displayImageUrl !== null"
:key="displayImageUrl"
class="image"
:src="displayImageUrl"
>
</transition> </transition>
</div> </div>
<div class="close-viewer mobile-only" <div class="close-viewer mobile-only"