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

image box-shadow

This commit is contained in:
ManjaroOne666 2019-01-23 11:36:51 +00:00
parent ae18041878
commit 12a8b98e75
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/GalleryImageViewer.vue
View File

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