B
B
BonBon Slick2020-07-28 20:30:06
css
BonBon Slick, 2020-07-28 20:30:06

How to set background-position for v-avatar?

Without js.

*, body,    .v-image__image, .v-image__image--cover, .v-image__image .v-image__image--cover {
        background-position: top !important;
    }


It doesn't help.

Vuetify sucks styles
<div data-v-27774344="" 
class="v-avatar profile_avatar-avatar v-avatar--tile" 
style="height: 106px; min-width: 48px; width: 106px; background-position: center top;">

<div data-v-27774344="" 
role="img" 
aria-label="Andrew"
 class="v-responsive v-image profile_avatar-img">

<div class="v-responsive__sizer" 
style="padding-bottom: 100%;">

</div>

<div class="v-image__image v-image__image--cover" 

style="background-image: url(ссылка); background-position: center center;"></div>

<div class="v-responsive__content"></div>

</div>

</div>


Otherwise, you need to throw out and sculpt the whole avatar on a new one. Laziness, when you only need to correct 1 variable, the position bg.

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question