1405/04/10-fix bugs

src/views/base/giftCard/mobile/MobileGiftCardView.vue

@@ -1,48 +1,26 @@
 <template>
-  <div>
-    <div class="bg-white py-3 px-3 text-black font-bold drop-shadow z-[1999] wrap-fix">کارت هدیه</div>
-    <div class="px-5 pt-26 pb-2">
-      <a-form :model="form" class="!mt-5" name="basic" @finish="registerGiftCard">
-        <div class="border-gray-200 border-1 rounded-xl p-5 trans h-40 relative">
-          <bg_main />
-          <div class="z-100 relative">
-            <a-form-item :rules="[required()]" label="کد کارت هدیه" name="code">
-              <BasicInput
-                v-model:value="form.code"
-                place-holder="کد کارت هدیه را وارد کنید"
-                size="large"
-                type="text"
-              />
-            </a-form-item>
-            <div class="font-bold text-xs mt-1">
-              کد کارت هدیه خود را در فیلد بالا وارد کنید و سپس دکمه ثبت را بزنید.
-            </div>
-            <div class="font-bold text-xs mt-3">*حساس به حروف بزرگ و کوچک</div>
-          </div>
+  <div class="gift-card-mobile">
+    <MobilePageHeader title="کارت هدیه" show-back />
+
+    <div class="gift-card-mobile__content mpage-content px-5 pb-[calc(var(--app-bottom-chrome-height)+1rem)]">
+      <div class="gift-card-mobile__card border-gray-200 border-1 rounded-xl p-5 relative overflow-hidden">
+        <bg_main />
+        <div class="relative z-10">
+          <GiftCardForm variant="mobile" />
         </div>
-        <a-form-item>
-          <BasicButton
-            :disabled="disableButton"
-            class="w-full py-2 mt-5"
-            html-type="submit"
-            type="primary"
-          >
-            <a-spin v-if="loading" size="small" />
-            <div v-else>ثبت کد</div>
-          </BasicButton>
-        </a-form-item>
-      </a-form>
+      </div>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import { loading } from '@/utils'
-import BasicButton from '@/components/BasicPacks/BasicButton.vue'
 import Bg_main from '@/components/bg_main.vue'
-import BasicInput from '@/components/BasicPacks/BasicInput.vue'
-import { required } from '@/utils/inputRules'
-import { useGiftCardPageContext } from '../composables/useGiftCardPage'
-
-const { form, disableButton, registerGiftCard } = useGiftCardPageContext()
+import MobilePageHeader from '@/layouts/components/MobilePageHeader.vue'
+import GiftCardForm from '../components/GiftCardForm.vue'
 </script>
+
+<style scoped>
+.gift-card-mobile__card {
+  min-height: 0;
+}
+</style>