fix: avatars in grid, not seperate grids
This commit is contained in:
parent
c19c67f6db
commit
df331269bf
2 changed files with 11 additions and 15 deletions
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "calckey",
|
"name": "calckey",
|
||||||
"version": "13.0.8-rc3",
|
"version": "13.0.8-rc4",
|
||||||
"codename": "aqua",
|
"codename": "aqua",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="defgtij">
|
<div class="defgtij">
|
||||||
<div v-for="user in users" :key="user.id" class="users">
|
<div v-for="user in users" :key="user.id" class="avatar">
|
||||||
<MkAvatar :user="user" class="avatar" :show-indicator="true"/>
|
<MkAvatar :user="user" :show-indicator="true"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -26,19 +26,15 @@ onMounted(async () => {
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.defgtij {
|
.defgtij {
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
|
grid-gap: 12px;
|
||||||
> .users {
|
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(30px, 40px));
|
grid-template-columns: repeat(auto-fill, minmax(30px, 40px));
|
||||||
grid-gap: 12px;
|
|
||||||
place-content: center;
|
place-content: center;
|
||||||
padding: 12px;
|
|
||||||
|
|
||||||
> .avatar {
|
> .avatar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
aspect-ratio: 1;
|
aspect-ratio: 1;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue