natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -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",

10
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="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>