verdigado-public/organization_folders
0
0
Fork 0
mirror of https://github.com/verdigado/organization_folders.git synced 2024-12-06 11:22:41 +01:00
Code Projects Activity

frontend member list design improvements

Browse source
This commit is contained in:
Jonathan Treffler 2024-11-26 23:58:10 +01:00
parent d9bea13b44
commit 5d22b44c6d
1 changed files with 20 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/components/MemberList/ResourceMembersList.vue
View file

@ -10,6 +10,7 @@ import MemberListItem from "./MemberListItem.vue";
import Plus from "vue-material-design-icons/Plus.vue"; import Plus from "vue-material-design-icons/Plus.vue";
import Close from "vue-material-design-icons/Close.vue"; import Close from "vue-material-design-icons/Close.vue";
import HelpCircle from "vue-material-design-icons/HelpCircle.vue"; import HelpCircle from "vue-material-design-icons/HelpCircle.vue";
import AccountOff from "vue-material-design-icons/AccountOff.vue";
import api from "../../api.js"; import api from "../../api.js";
import { ref } from 'vue'; import { ref } from 'vue';
@ -60,7 +61,7 @@ const deleteMember = (memberId) => {
<template> <template>
<div> <div>
<div class="title"> <div class="header-button-group">
<h3>Mitglieder</h3> <h3>Mitglieder</h3>
<NcActions :disabled="!!newMemberType" type="secondary"> <NcActions :disabled="!!newMemberType" type="secondary">
<template #icon> <template #icon>
@ -113,7 +114,11 @@ const deleteMember = (memberId) => {
</tr> </tr>
<tr v-if="!loading && !members.length"> <tr v-if="!loading && !members.length">
<td colspan="4" style="grid-column-start: 1; grid-column-end: 5"> <td colspan="4" style="grid-column-start: 1; grid-column-end: 5">
<NcEmptyContent name="Keine Mitglieder" /> <NcEmptyContent name="Keine Mitglieder">
<template #icon>
<AccountOff />
</template>
</NcEmptyContent>
</td> </td>
</tr> </tr>
<MemberListItem v-for="member in members" <MemberListItem v-for="member in members"
@ -139,17 +144,20 @@ const deleteMember = (memberId) => {
table td, table th { table td, table th {
padding: 8px; padding: 8px;
} }
.title {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 24px;
}
h3 {
font-weight: bold;
margin-right: 24px;
}
.new-item { .new-item {
display: flex; display: flex;
} }
.header-button-group {
display: flex;
justify-content: flex-start;
align-items: center;
column-gap: 10px;
margin-top: 24px;
margin-bottom: 12px;
h1, h2, h3 {
margin: 0px;
}
}
</style> </style>