Added logos to tag photos.

This commit is contained in:
DebaucheryLibrarian
2021-03-07 04:05:25 +01:00
parent 7522404abb
commit 3389dddd08
14 changed files with 516 additions and 367 deletions

View File

@@ -17,6 +17,8 @@
@load="$emit('load', $event)"
>
<Logo :photo="poster" />
<span
v-if="poster.comment"
class="photo-comment"
@@ -40,6 +42,8 @@
@load="$emit('load', $event)"
>
<Logo :photo="photo" />
<span
v-if="photo.comment"
class="photo-comment"
@@ -49,6 +53,8 @@
</template>
<script>
import Logo from '../album/logo.vue';
function poster() {
if (this.$store.state.ui.sfw) {
return this.tag.poster.sfw;
@@ -66,6 +72,9 @@ function photos() {
}
export default {
components: {
Logo,
},
props: {
tag: {
type: Object,
@@ -120,8 +129,14 @@ export default {
margin: 0 1rem 0 0;
}
&:hover .photo-comment {
transform: translateY(0);
&:hover {
.photo-comment {
transform: translateY(0);
}
.album-logo {
opacity: 0;
}
}
}