From a6eea72045ff6cdcabba26795e3f37eaaf2290a1 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Sun, 13 Jan 2019 20:56:05 +0000
Subject: [PATCH] gallery page functionality implemented

---
 components/GalleryImageViewer.vue | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/components/GalleryImageViewer.vue b/components/GalleryImageViewer.vue
index 20f3205..00dd3b9 100644
--- a/components/GalleryImageViewer.vue
+++ b/components/GalleryImageViewer.vue
@@ -6,7 +6,7 @@
     </transition>
     <div class="image-container">
       <transition name="trans-bg-image">
-        <img v-if="showLoading !== null" class="image" :src="loadingImageUrl">
+        <img v-if="showLoading" class="image" :src="loadingImageUrl">
       </transition>
     </div>
     <div class="image-container">
@@ -133,13 +133,15 @@ export default {
 }
 
 .image {
+  position: absolute;
   width: auto;
   height: auto;
   max-height: 100%;
   max-width: 100%;
   margin: 0 auto;
   top: 50%;
-  transform: translateY(-50%);
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
 
 @media (max-width: $bp__layout) {
@@ -222,8 +224,12 @@ export default {
 }
 
 .trans-image {
-  &-enter-active, &-leave-active {
-    transition: opacity 1s;
+  &-enter-active {
+    transition: opacity 1s .4s;
+  }
+
+  &-leave-active {
+    transition: opacity .5s;
   }
 
   &-enter, &-leave-to {