fix: adjust formatting in EmployeeForm.vue for improved readability, including consistent indentation and spacing in input fields

This commit is contained in:
Yoga Pangestu 2026-06-19 20:57:48 +07:00
parent 5dc24b1494
commit 34e6e88069

View File

@ -97,8 +97,8 @@ function submit() {
<FieldSet class="grid gap-4 md:grid-cols-3">
<Field>
<FieldLabel for="email" required>Email</FieldLabel>
<Input id="email" v-model="form.email" type="email" placeholder="Contoh: nama@perusahaan.com"
:maxlength="FIELD_LIMITS.email" />
<Input id="email" v-model="form.email" type="email"
placeholder="Contoh: nama@perusahaan.com" :maxlength="FIELD_LIMITS.email" />
<FieldError :errors="formErrors(form, 'email')" />
</Field>
<Field>
@ -164,7 +164,8 @@ function submit() {
</Field>
<Field class="md:col-span-3">
<FieldLabel for="address">Alamat</FieldLabel>
<Textarea id="address" v-model="form.address" placeholder="Contoh: Jl. Sudirman No. 123, Jakarta" rows="3" />
<Textarea id="address" v-model="form.address"
placeholder="Contoh: Jl. Sudirman No. 123, Jakarta" rows="3" />
<FieldError :errors="formErrors(form, 'address')" />
</Field>
</FieldSet>
@ -172,13 +173,13 @@ function submit() {
</CardContent>
</Card>
<Card>
<Card v-if="form.role !== 'owner'">
<CardHeader>
<CardTitle>Data Kepegawaian</CardTitle>
</CardHeader>
<CardContent>
<FieldGroup>
<FieldSet class="grid gap-4 md:grid-cols-3">
<FieldSet class=" grid gap-4 md:grid-cols-3">
<Field>
<FieldLabel for="join_date">Tanggal Bergabung</FieldLabel>
<DatePicker id="join_date" v-model="form.join_date"