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