1405/02/09-change style in configuration page

src/pages/menuPages/customers/authentication/index.vue

@@ -22,17 +22,17 @@
             @finish="handleSubmit"
             class="rtl-form"
         >
-          <a-form-item label="تاریخ تولد" name="birth_date" required>
-            <BaseDatePicker
-                v-model:value="formState.birth_date"
-                placeholder="انتخاب تاریخ تولد"
-                format="YYYY-MM-DD"
-                class="w-full"
-                size="large"
-                :disabled-date="disabledDate"
+<!--          <a-form-item label="تاریخ تولد" name="birth_date" required>-->
+<!--            <BaseDatePicker-->
+<!--                v-model:value="formState.birth_date"-->
+<!--                placeholder="انتخاب تاریخ تولد"-->
+<!--                format="YYYY-MM-DD"-->
+<!--                class="w-full"-->
+<!--                size="large"-->
+<!--                :disabled-date="disabledDate"-->
 
-            />
-          </a-form-item>
+<!--            />-->
+<!--          </a-form-item>-->
 
           <a-form-item label="کد ملی" name="national_code" required>
             <a-input
@@ -71,12 +71,10 @@
                 size="large"
                 :loading="loading"
                 block
-                class="h-12 text-base font-semibold  border-0"
+                class="h-12 text-base font-semibold flex justify-center items-center gap-1  border-0"
             >
               <template #icon>
-                <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
-                </svg>
+              <Icon icon="vuesax-linear:card-tick"></Icon>
               </template>
               تأیید و ادامه
             </a-button>
@@ -94,9 +92,10 @@ import type { FormRules } from 'ant-design-vue/es/form'
 import type { CheckCardRequest } from "@/model/user"
 import { checkCard } from "@/api/customer"
 import DatePicker from "@core/components/_sample/components/datePicker.vue";
+import Icon from "@core/components/BaseIcon/src/Icon.vue";
 
 const formState = reactive<CheckCardRequest>({
-  birth_date: '',
+  // birth_date: '',
   national_code: '',
   cart_number: ''
 })
@@ -105,9 +104,9 @@ const loading = ref(false)
 
 // Validation rules
 const rules: FormRules = {
-  birth_date: [
-    { required: true, message: 'لطفاً تاریخ تولد را انتخاب کنید', trigger: 'change' }
-  ],
+  // birth_date: [
+  //   { required: true, message: 'لطفاً تاریخ تولد را انتخاب کنید', trigger: 'change' }
+  // ],
   national_code: [
     { required: true, message: 'لطفاً کد ملی را وارد کنید', trigger: 'blur' },
     { len: 10, message: 'کد ملی باید ۱۰ رقم باشد', trigger: 'blur' },
@@ -240,10 +239,10 @@ function showSuccessModal(owners: any[], cartNumber: string, bankName: string) {
 
 // Submit form
 async function handleSubmit() {
-  if (!formState.birth_date) {
-    message.warning('لطفاً تاریخ تولد را انتخاب کنید')
-    return
-  }
+  // if (!formState.birth_date) {
+  //   message.warning('لطفاً تاریخ تولد را انتخاب کنید')
+  //   return
+  // }
 
   loading.value = true