1405/02/06-fix bug in style address form

src/views/base/address/index.vue

@@ -23,53 +23,59 @@
 
     </div>
     <!--    </a-spin>-->
-    <BasicActionSheet v-model:show="addAddressVisible" teleport="body">
+    <BasicActionSheet v-model:show="addAddressVisible" class="h-80vh" >
       <a-form ref="formRef" :model="address" class="!mt-5" name="basic"
               @finish="ok()">
-        <div class="font-bold text-lg mb-2">آدرس</div>
-        <div class="flex flex-col gap-4 pb-20 w-full h-65vh overflow-y-auto">
-          <a-form-item label="استان" name="province" :rules="[required()]">
-            <BasicSelect
-              v-model:value="address.province"
-              :items="provinceList"
-              @change="changeProvince"
-              valueName="title"
-              keyName="title"
-            />
-          </a-form-item>
-          <a-form-item label="شهر" name="city" :rules="[required()]">
-            <BasicSelect
-              :disabled="!cityList"
-              v-model:value="address.city"
-              valueName="title"
-              :items="cityList"
-              keyName="title"
-            />
-          </a-form-item>
+        <div class="flex flex-col items-center">
+          <div class="font-bold text-lg mb-2">آدرس</div>
+          <div class="flex flex-col gap-4 pb-20 w-full h-60vh overflow-y-scroll">
+            <a-form-item label="استان" name="province" :rules="[required()]">
+              <BasicSelect
+                  v-model:value="address.province"
+                  :items="provinceList"
+                  @change="changeProvince"
+                  valueName="title"
+                  keyName="title"
+              />
+            </a-form-item>
+            <a-form-item label="شهر" name="city" :rules="[required()]">
+              <BasicSelect
+                  :disabled="!cityList"
+                  v-model:value="address.city"
+                  valueName="title"
+                  :items="cityList"
+                  keyName="title"
+              />
+            </a-form-item>
+
+            <a-form-item
+                label="کد پستی" name="zip" :rules="[required()]">
+              <BasicInput placeholder="کد پستی را وارد نمایید" v-model:value="address.zip" />
+            </a-form-item>
+            <a-form-item
+                label="تلفن تماس" name="phone" :rules="[required()]"
+            >
+              <BasicInput placeholder="تلفن تماس را وارد نمایید" v-model:value="address.phone" />
+            </a-form-item>
+            <!--        <FormItem label="کد پستی" name="">
+              <Input placeholder="کد پستی را وارد نمایید" />
+            </FormItem>-->
+            <a-form-item
+                label="آدرس کامل"
+                name="address"
+                :rules="[required()]"
+            >
+              <BasicTextArea placeholder="آدرس کامل را وارد نمایید" v-model:value="address.address" />
+            </a-form-item>
+          </div>
+          <div class="fixed bottom-18 w-full pb-5  !text-white bg-white flex justify-center items-center">
+            <BasicButton class=" w-full !text-white mx-5  " type="primary" @click="handleOk">ثبت آدرس
+            </BasicButton>
+          </div>
 
-          <a-form-item
-            label="کد پستی" name="zip" :rules="[required()]">
-            <BasicInput placeholder="کد پستی را وارد نمایید" v-model:value="address.zip" />
-          </a-form-item>
-          <a-form-item
-            label="تلفن تماس" name="phone" :rules="[required()]"
-          >
-            <BasicInput placeholder="تلفن تماس را وارد نمایید" v-model:value="address.phone" />
-          </a-form-item>
-          <!--        <FormItem label="کد پستی" name="">
-            <Input placeholder="کد پستی را وارد نمایید" />
-          </FormItem>-->
-          <a-form-item
-            label="آدرس کامل"
-            name="address"
-            :rules="[required()]"
-          >
-            <BasicTextArea placeholder="آدرس کامل را وارد نمایید" v-model:value="address.address" />
-          </a-form-item>
         </div>
-        <BasicButton class="absolute bottom-20 w-full !text-white" type="primary" @click="handleOk">ثبت آدرس
-        </BasicButton>
       </a-form>
+
     </BasicActionSheet>
     <!--    <div class="bg-primary w-3rem h-3rem flex items-center justify-center rounded-lg fixed bottom-12vh left-8vw"
              @click="openAdd()">