Centered actor lazy avatar, fixed tag favicon size on mobile.
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user