Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

avatars

Browse Source
This commit is contained in:
ThatOneCalculator 2023-01-18 10:56:49 -08:00
parent b092e1467e
commit 5d42b8acbe
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/client/src/components/MkAvatars.vue
View File

@ -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 {
width: 100%;
height: 100%;
> .avatar-holder {
aspect-ratio: 1;
> .avatar {
width: 100%;
height: 100%;
aspect-ratio: 1;
}
}
}
</style>