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

src/App.vue

@@ -74,8 +74,18 @@
         <div class="home_appear_fade_in_up mt-2">نسخه جدید منتشر شد!</div>
       </div>
     </van-dialog>
-    <a v-if="config.config?.name === 'garoosi'" href="https://ble.ir/garoosi_gallery" target="_blank" id="support-button">
-      <img class="p-2" src="/src/assets/img/support-icon.png" alt="" />
+    <a v-if="config.config?.name === 'garoosi'" href="https://ble.ir/garoosi_gallery" target="_blank"
+       id="support-button">
+      <!--      <img class="p-2" src="/src/assets/img/support-icon.png" alt="" />-->
+      <div class="bg-green-100 text-green-800  flex gap-2 p-2 rounded-lg mr-2">
+        <span>پشتیبانی</span>
+        <div  class="w-5">
+          <img src="/src/assets/img/support.png" alt=""/>
+        </div>
+
+        <!--        <BasicIcon icon="vuesax-linear:headphone"></BasicIcon>-->
+      </div>
+
     </a>
   </div>
 </template>
@@ -92,7 +102,8 @@ import img_bottomGradiant from '@/views/login/assets/img/gr_bottom_white.svg'
 import {DotLottieVue} from '@lottiefiles/dotlottie-vue'
 import BasicButton from '@/components/BasicPacks/BasicButton.vue'
 import {useConfigStore} from "@/store/configStore";
-import { ConfigProvider as AConfigProvider } from 'ant-design-vue'
+import {ConfigProvider as AConfigProvider} from 'ant-design-vue'
+import BasicIcon from "@/components/BasicPacks/BasicIcon.vue";
 
 const {offlineReady, needRefresh, updateServiceWorker} = useRegisterSW()
 const config = useConfigStore()

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()">

src/views/base/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class=" mt-20">
+  <div class=" mt-20 ">
 
 <!--    <div class="flex gap-7 overflow-x-scroll px-5">
       <ProductInventory v-for="item in productInventorys" :ProductItem="item" class="shadow-lg my-5" :key="item.id"></ProductInventory>
@@ -285,7 +285,7 @@
             </div>
           </div>
         </div>
-        <div class=" w-full flex justify-evenly rounded-lg py-2 home_appear_fade_in mt-6 pb-25">
+        <div class=" w-full flex justify-evenly rounded-lg py-2 home_appear_fade_in mt-6 pb-45">
           <div class="text-center w-full">
             <div>بالاترین قیمت امروز</div>
             <div v-if="lastPrice" class="flex flex-col items-center mt-3">