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

@@ -32,6 +32,8 @@
class="item image"
>
<Logo :photo="item" />
<span
v-if="comments && item.title"
class="item-comment"
@@ -44,6 +46,8 @@
</template>
<script>
import Logo from './logo.vue';
function albumItems() {
return this.items
.filter(Boolean)
@@ -54,6 +58,9 @@ function albumItems() {
}
export default {
components: {
Logo,
},
props: {
items: {
type: Array,
@@ -156,8 +163,14 @@ export default {
margin: 0 0 .5rem 0;
overflow: hidden;
&:hover .item-comment {
transform: translateY(0);
&:hover {
.item-comment {
transform: translateY(0);
}
.album-logo {
opacity: 0;
}
}
}