Link labels to input and select (#2974)

This commit is contained in:
Lukas
2023-12-19 21:32:35 +01:00
committed by GitHub
parent 3704b39e9a
commit 5a7e314f5a
12 changed files with 95 additions and 56 deletions

View File

@@ -43,18 +43,18 @@
</div>
<div v-else>
<form @submit.prevent="saveUser">
<InputField :label="$t('admin.settings.users.login')">
<TextField v-model="selectedUser.login" :disabled="isEditingUser" />
<InputField v-slot="{ id }" :label="$t('admin.settings.users.login')">
<TextField :id="id" v-model="selectedUser.login" :disabled="isEditingUser" />
</InputField>
<InputField :label="$t('admin.settings.users.email')">
<TextField v-model="selectedUser.email" />
<InputField v-slot="{ id }" :label="$t('admin.settings.users.email')">
<TextField :id="id" v-model="selectedUser.email" />
</InputField>
<InputField :label="$t('admin.settings.users.avatar_url')">
<InputField v-slot="{ id }" :label="$t('admin.settings.users.avatar_url')">
<div class="flex gap-2">
<img v-if="selectedUser.avatar_url" class="rounded-md h-8 w-8" :src="selectedUser.avatar_url" />
<TextField v-model="selectedUser.avatar_url" />
<TextField :id="id" v-model="selectedUser.avatar_url" />
</div>
</InputField>