ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(webapp): GroupList shows 2 GroupItem per row

Browse Source
This commit is contained in:
elweyn 2023-03-15 10:43:35 +01:00
parent 9b759ec1d2
commit e2c82116ae
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/components/Group/GroupList.vue
View File

@ -1,9 +1,12 @@
<template> <template>
<div class="group-list"> <ds-flex class="group-list">
<ds-space margin-bottom="small" v-for="group in groups" :key="group.id"> <ds-flex-item
v-for="group in groups"
:key="group.id"
:width="{ base: '47%' }">
<group-teaser :group="group" /> <group-teaser :group="group" />
</ds-space> </ds-flex-item>
</div> </ds-flex>
</template> </template>
<script> <script>
@ -19,3 +22,8 @@ export default {
}, },
} }
</script> </script>
<style lang="scss">
.ds-flex-item {
margin: 0em 1em 2em 1em;
}
</style>