From 02ff67b606c8053a7b0359682273fcd65fc8d51f Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Thu, 11 Jun 2026 18:43:49 +0700
Subject: [PATCH] Refactor AccountLayout and Appearance components for improved
 UI. Remove redundant labels and enhance button functionality to display
 processing state during form submission.

---
 resources/js/layouts/AccountLayout.vue          |  2 +-
 resources/js/pages/admin/account/Appearance.vue | 15 +++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/resources/js/layouts/AccountLayout.vue b/resources/js/layouts/AccountLayout.vue
index acaf1f2..cd59dc1 100644
--- a/resources/js/layouts/AccountLayout.vue
+++ b/resources/js/layouts/AccountLayout.vue
@@ -29,7 +29,7 @@ const navItems = [
 </script>
 
 <template>
-    <AdminLayout title="Akun">
+    <AdminLayout>
         <div class="space-y-6">
             <div class="space-y-1">
                 <h2 class="text-2xl font-bold tracking-tight">
diff --git a/resources/js/pages/admin/account/Appearance.vue b/resources/js/pages/admin/account/Appearance.vue
index 03b3320..9207469 100644
--- a/resources/js/pages/admin/account/Appearance.vue
+++ b/resources/js/pages/admin/account/Appearance.vue
@@ -77,7 +77,6 @@ function submit() {
                     <FieldSet>
                         <FieldGroup>
                             <Field>
-                                <FieldLabel>Mode Tampilan</FieldLabel>
                                 <RadioGroup :model-value="form.appearance" class="grid gap-3"
                                     @update:model-value="onAppearanceChange">
                                     <Label v-for="option in options" :key="option.value"
@@ -107,15 +106,15 @@ function submit() {
                             </Field>
                         </FieldGroup>
                     </FieldSet>
-
-                    <div class="mt-6 flex justify-end">
-                        <Button type="submit" :disabled="form.processing">
-                            <Save class="size-4" />
-                            Simpan Tampilan
-                        </Button>
-                    </div>
                 </CardContent>
             </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>
     </AccountLayout>
 </template>