Added logos to tag photos.
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user