fix: avatars in grid, not seperate grids

This commit is contained in:
ThatOneCalculator 2023-01-16 11:46:09 -08:00
parent c19c67f6db
commit df331269bf
No known key found for this signature in database
GPG Key ID: 8703CACD01000000
2 changed files with 11 additions and 15 deletions

View File

@ -1,6 +1,6 @@
{
"name": "calckey",
"version": "13.0.8-rc3",
"version": "13.0.8-rc4",
"codename": "aqua",
"repository": {
"type": "git",

View File

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