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

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

@ -1,7 +1,7 @@
<template> <template>
<div class="defgtij"> <div class="defgtij">
<div v-for="user in users" :key="user.id" class="avatar"> <div v-for="user in users" :key="user.id" class="avatar-holder">
<MkAvatar :user="user" :show-indicator="true"/> <MkAvatar :user="user" :show-indicator="true" class="avatar"/>
</div> </div>
</div> </div>
</template> </template>
@ -31,10 +31,14 @@ onMounted(async () => {
grid-template-columns: repeat(auto-fill, minmax(30px, 40px)); grid-template-columns: repeat(auto-fill, minmax(30px, 40px));
place-content: center; place-content: center;
> .avatar-holder {
aspect-ratio: 1;
> .avatar { > .avatar {
width: 100%; width: 100%;
height: 100%; height: 100%;
aspect-ratio: 1; aspect-ratio: 1;
} }
} }
}
</style> </style>