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

Frontend: Change opacity in photo views

Browse source 
Signed-off-by: Michael Mayer <michael@liquidbytes.net>
This commit is contained in:
Michael Mayer 2020-04-08 18:26:17 +02:00
parent 32a15be531
commit 19b96fe016
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/component/p-photo-details.vue
View file

@ -45,7 +45,7 @@
<v-btn v-if="hover || selection.length > 0" :flat="!hover" :ripple="false"
icon large absolute
:class="hover ? 'p-photo-select' : 'p-photo-select opacity-70'"
:class="hover ? 'p-photo-select' : 'p-photo-select opacity-80'"
@click.shift.prevent="$clipboard.addRange(index, photos)"
@click.exact.stop.prevent="$clipboard.toggle(photo)">
<v-icon v-if="selection.length && $clipboard.has(photo)" color="white"
@ -56,7 +56,7 @@
<v-btn v-if="hover || photo.PhotoFavorite" :flat="!hover" :ripple="false"
icon large absolute
:class="hover ? 'p-photo-like' : 'p-photo-like opacity-70'"
:class="hover ? 'p-photo-like' : 'p-photo-like opacity-80'"
@click.stop.prevent="photo.toggleLike()">
<v-icon v-if="photo.PhotoFavorite" color="white" class="t-like t-on">favorite</v-icon>
<v-icon v-else color="accent lighten-3" class="t-like t-off">favorite_border</v-icon>

4
frontend/src/component/p-photo-mosaic.vue
View file

@ -39,7 +39,7 @@
<v-btn v-if="hover || selection.length > 0" :flat="!hover" :ripple="false"
icon small absolute
:class="hover ? 'p-photo-select' : 'p-photo-select opacity-70'"
:class="hover ? 'p-photo-select' : 'p-photo-select opacity-80'"
@click.shift.prevent="$clipboard.addRange(index, photos)"
@click.exact.stop.prevent="$clipboard.toggle(photo)">
<v-icon v-if="selection.length && $clipboard.has(photo)" color="white" class="t-select t-on">check_circle</v-icon>
@ -48,7 +48,7 @@
<v-btn v-if="hover || photo.PhotoFavorite" :flat="!hover" :ripple="false"
icon small absolute
:class="hover ? 'p-photo-like' : 'p-photo-like opacity-70'"
:class="hover ? 'p-photo-like' : 'p-photo-like opacity-80'"
@click.stop.prevent="photo.toggleLike()">
<v-icon v-if="photo.PhotoFavorite" color="white" class="t-like t-on">favorite</v-icon>
<v-icon v-else color="accent lighten-3" class="t-like t-off">favorite_border</v-icon>