From 12a8b98e75d625d64931b9c5c2882496cace7026 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Wed, 23 Jan 2019 11:36:51 +0000
Subject: [PATCH] image box-shadow

---
 components/GalleryImageViewer.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/GalleryImageViewer.vue b/components/GalleryImageViewer.vue
index 1e2288e..ee970d5 100644
--- a/components/GalleryImageViewer.vue
+++ b/components/GalleryImageViewer.vue
@@ -17,7 +17,7 @@
       <transition name="trans-image" mode="out-in">
         <img v-if="displayImageUrl !== null"
              :key="displayImageUrl"
-             class="image"
+             class="image image-shadow"
              :src="displayImageUrl"
         >
       </transition>
@@ -142,6 +142,10 @@ export default {
   transform: translate(-50%, -50%);
 }
 
+.image-shadow {
+  box-shadow: 2px 4px 12px -2px rgba($color__neutral-200, .4);
+}
+
 @media (max-width: $bp__layout) {
   .close-viewer {
     position: absolute;