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-position: 50% 0;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.avatar-fallback {
|
||||
|
|
|
@ -7,13 +7,13 @@
|
|||
<img
|
||||
v-if="favicon && photo.entity.type !== 'network' && !photo.entity.independent && photo.entity.parent"
|
||||
:src="`/img/logos/${photo.entity.parent.slug}/favicon.png`"
|
||||
class="album-logo"
|
||||
class="album-logo favicon"
|
||||
>
|
||||
|
||||
<img
|
||||
v-else-if="favicon"
|
||||
:src="`/img/logos/${photo.entity.slug}/favicon.png`"
|
||||
class="album-logo"
|
||||
class="album-logo favicon"
|
||||
>
|
||||
|
||||
<img
|
||||
|
@ -58,7 +58,7 @@ module.exports = {
|
|||
}
|
||||
|
||||
@media(max-width: $breakpoint-small) {
|
||||
.album-logo {
|
||||
.album-logo:not(.favicon) {
|
||||
max-height: .5rem;
|
||||
max-width: 3.5rem;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue