feat: add wrapper for change password

2024-04-25 16:22:13 +05:30
parent d9bf6b499b
commit a367775de4
3 changed files with 10 additions and 5 deletions
@@ -16,7 +16,7 @@
          v-model="item.model"
          type="checkbox"
          :value="item.value"
-          class="mt-1 dark:border-slate-600 checked:bg-primary-600 dark:checked:bg-primary-600 shadow appearance-none rounded-[4px] w-4 h-4 focus:ring-1 after:content-[''] after:text-white checked:after:content-['✓'] after:flex after:items-center after:justify-center after:text-center after:text-xs after:font-bold after:relative"
+          class="mt-1 border-ash-400 checked:bg-primary-600 dark:checked:bg-primary-600 shadow appearance-none rounded-[4px] w-4 h-4 focus:ring-1 after:content-[''] after:text-white checked:after:content-['✓'] after:flex after:items-center after:justify-center after:text-center after:text-xs after:font-bold after:relative"
          @input="onChange"
        />
        <label class="text-sm font-normal text-ash-900">
@@ -1,9 +1,6 @@
 <template>
  <form @submit.prevent="changePassword()">
    <div class="flex flex-col w-full gap-4">
-      <h4 class="text-lg font-medium text-slate-900 dark:text-slate-25">
-        Change password
-      </h4>
      <form-input
        v-model="currentPassword"
        type="password"
@@ -62,7 +62,15 @@
            </div>
          </template>
        </base-personal-item>
-        <change-password v-if="!globalConfig.disableUserProfileUpdate" />
+        <base-personal-item
+          :header="$t('PROFILE_SETTINGS.FORM.PASSWORD_SECTION.TITLE')"
+          description=""
+        >
+          <template #settingsItem>
+            <change-password v-if="!globalConfig.disableUserProfileUpdate" />
+          </template>
+        </base-personal-item>
+
        <base-personal-item
          :header="
            $t('PROFILE_SETTINGS.FORM.AUDIO_NOTIFICATIONS_SECTION.TITLE')