aboutsummaryrefslogtreecommitdiffstats
path: root/apps/settings/src/components/AdminDelegating.vue
diff options
context:
space:
mode:
Diffstat (limited to 'apps/settings/src/components/AdminDelegating.vue')
-rw-r--r--apps/settings/src/components/AdminDelegating.vue21
1 files changed, 17 insertions, 4 deletions
diff --git a/apps/settings/src/components/AdminDelegating.vue b/apps/settings/src/components/AdminDelegating.vue
index 90f42f73ab5..521ff8f0155 100644
--- a/apps/settings/src/components/AdminDelegating.vue
+++ b/apps/settings/src/components/AdminDelegating.vue
@@ -1,10 +1,14 @@
+<!--
+ - SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
+ - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
<template>
- <NcSettingsSection :title="t('settings', 'Administration privileges')"
+ <NcSettingsSection :name="t('settings', 'Administration privileges')"
:description="t('settings', 'Here you can decide which group can access certain sections of the administration settings.')"
:doc-url="authorizedSettingsDocLink">
<div class="setting-list">
<div v-for="setting in availableSettings" :key="setting.class">
- <h3>{{ setting.sectionName }}</h3>
+ <label :for="setting.id">{{ setting.sectionName }}</label>
<GroupSelect :available-groups="availableGroups" :authorized-groups="authorizedGroups" :setting="setting" />
</div>
</div>
@@ -12,8 +16,8 @@
</template>
<script>
-import GroupSelect from './AdminDelegation/GroupSelect'
-import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection'
+import GroupSelect from './AdminDelegation/GroupSelect.vue'
+import NcSettingsSection from '@nextcloud/vue/components/NcSettingsSection'
import { loadState } from '@nextcloud/initial-state'
export default {
@@ -32,3 +36,12 @@ export default {
},
}
</script>
+
+<style lang="scss" scoped>
+label {
+ display: block;
+ font-size: 16px;
+ margin: 12px 0;
+ color: var(--color-text-light);
+}
+</style>