Refactor AccountLayout and Appearance components for improved UI. Remove redundant labels and enhance button functionality to display processing state during form submission.
This commit is contained in:
parent
67c27c2954
commit
02ff67b606
@ -29,7 +29,7 @@ const navItems = [
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<AdminLayout title="Akun">
|
<AdminLayout>
|
||||||
<div class="space-y-6">
|
<div class="space-y-6">
|
||||||
<div class="space-y-1">
|
<div class="space-y-1">
|
||||||
<h2 class="text-2xl font-bold tracking-tight">
|
<h2 class="text-2xl font-bold tracking-tight">
|
||||||
|
|||||||
@ -77,7 +77,6 @@ function submit() {
|
|||||||
<FieldSet>
|
<FieldSet>
|
||||||
<FieldGroup>
|
<FieldGroup>
|
||||||
<Field>
|
<Field>
|
||||||
<FieldLabel>Mode Tampilan</FieldLabel>
|
|
||||||
<RadioGroup :model-value="form.appearance" class="grid gap-3"
|
<RadioGroup :model-value="form.appearance" class="grid gap-3"
|
||||||
@update:model-value="onAppearanceChange">
|
@update:model-value="onAppearanceChange">
|
||||||
<Label v-for="option in options" :key="option.value"
|
<Label v-for="option in options" :key="option.value"
|
||||||
@ -107,15 +106,15 @@ function submit() {
|
|||||||
</Field>
|
</Field>
|
||||||
</FieldGroup>
|
</FieldGroup>
|
||||||
</FieldSet>
|
</FieldSet>
|
||||||
|
|
||||||
<div class="mt-6 flex justify-end">
|
|
||||||
<Button type="submit" :disabled="form.processing">
|
|
||||||
<Save class="size-4" />
|
|
||||||
Simpan Tampilan
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
|
|
||||||
|
<div class="flex items-center justify-end gap-2 mt-6">
|
||||||
|
<Button type="submit" :disabled="form.processing">
|
||||||
|
<Save class="size-4" />
|
||||||
|
{{ form.processing ? 'Menyimpan...' : 'Simpan' }}
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</AccountLayout>
|
</AccountLayout>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user