luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Card are getting elevated when selected

Browse source
This commit is contained in:
Michael Mayer 2018-09-24 20:06:24 +02:00
parent d5e4d370ae
commit 1511a64def
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/app/pages/photos.vue
View file

@ -176,8 +176,8 @@
xs12 sm6 md4 lg3 d-flex
>
<v-hover>
<v-card tile class="ma-2" slot-scope="{ hover }"
:class="photo.selected ? 'elevation-14' : 'elevation-2'">
<v-card tile slot-scope="{ hover }"
:class="photo.selected ? 'elevation-14 ma-1' : 'elevation-2 ma-2'">
<v-img
:src="photo.getThumbnailUrl('square', 500)"
aspect-ratio="1"
@ -253,8 +253,8 @@
v-bind:class="{ selected: photo.selected }"
>
<v-hover>
<v-card tile class="ma-2" slot-scope="{ hover }"
:class="photo.selected ? 'elevation-14' : hover ? 'elevation-6' : 'elevation-2'">
<v-card tile slot-scope="{ hover }"
:class="photo.selected ? 'elevation-14 ma-1' : hover ? 'elevation-6 ma-2' : 'elevation-2 ma-2'">
<v-img :src="photo.getThumbnailUrl('square', 500)"
aspect-ratio="1"
class="grey lighten-2"