avatars
This commit is contained in:
parent
b092e1467e
commit
5d42b8acbe
1 changed files with 9 additions and 5 deletions
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div class="defgtij">
|
||||
<div v-for="user in users" :key="user.id" class="avatar">
|
||||
<MkAvatar :user="user" :show-indicator="true"/>
|
||||
<div v-for="user in users" :key="user.id" class="avatar-holder">
|
||||
<MkAvatar :user="user" :show-indicator="true" class="avatar"/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -31,10 +31,14 @@ onMounted(async () => {
|
|||
grid-template-columns: repeat(auto-fill, minmax(30px, 40px));
|
||||
place-content: center;
|
||||
|
||||
> .avatar-holder {
|
||||
aspect-ratio: 1;
|
||||
|
||||
> .avatar {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue