Centered actor lazy avatar, fixed tag favicon size on mobile.
This commit is contained in:
parent
e2e29a8dbb
commit
7c4b9063a7
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue