Centered actor lazy avatar, fixed tag favicon size on mobile.

This commit is contained in:
DebaucheryLibrarian 2021-03-11 16:44:59 +01:00
parent e2e29a8dbb
commit 7c4b9063a7
2 changed files with 4 additions and 3 deletions

View File

@ -234,6 +234,7 @@ export default {
object-fit: cover; object-fit: cover;
object-position: 50% 0; object-position: 50% 0;
background-size: cover; background-size: cover;
background-position: center;
} }
.avatar-fallback { .avatar-fallback {

View File

@ -7,13 +7,13 @@
<img <img
v-if="favicon && photo.entity.type !== 'network' && !photo.entity.independent && photo.entity.parent" v-if="favicon && photo.entity.type !== 'network' && !photo.entity.independent && photo.entity.parent"
:src="`/img/logos/${photo.entity.parent.slug}/favicon.png`" :src="`/img/logos/${photo.entity.parent.slug}/favicon.png`"
class="album-logo" class="album-logo favicon"
> >
<img <img
v-else-if="favicon" v-else-if="favicon"
:src="`/img/logos/${photo.entity.slug}/favicon.png`" :src="`/img/logos/${photo.entity.slug}/favicon.png`"
class="album-logo" class="album-logo favicon"
> >
<img <img
@ -58,7 +58,7 @@ module.exports = {
} }
@media(max-width: $breakpoint-small) { @media(max-width: $breakpoint-small) {
.album-logo { .album-logo:not(.favicon) {
max-height: .5rem; max-height: .5rem;
max-width: 3.5rem; max-width: 3.5rem;
} }