fix bugs of UI

src/views/base/address/index.vue

@@ -13,7 +13,7 @@
     <div ref="el" :class="loading? 'h-screen': ''" class="px-3 pt-16  pb-2 overflow-y-scroll"
          style="max-height: calc(100vh - 50px)">
 
-      <list-anim v-if="!loading" class="pb-12vh">
+      <list-anim v-if="!loading" class="pb-[calc(var(--app-bottom-chrome-height)+var(--app-add-card-height)+1rem)]">
         <Item v-for="item in items" :key="item.id" :item="item" @edit="openEdit" @refresh="initItems" />
         <!--        <TransactionSkeleton v-if="loadingMore" class="mt-1 mb-8" />-->
       </list-anim>
@@ -67,12 +67,13 @@
             >
               <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  mb-2rem" type="primary" @click="handleOk">ثبت آدرس
+<!--          <div class=" w-full pb-5  !text-white flex justify-center items-center">-->
+            <BasicButton class=" !text-white px-3 pb-4rem" type="primary" @click="handleOk">ثبت آدرس
             </BasicButton>
           </div>
 
+          <!--          </div>-->
+
         </div>
       </a-form>
 
@@ -81,15 +82,16 @@
              @click="openAdd()">
           <BasicIcon icon="vuesax-linear:add" color="white" />
         </div>-->
-    <Transition mode="out-in" name="fade">
+    <Teleport to="body">
       <div
-        class="wrap-fix bottom-6 h-[16vh] bg-[#FBFBFC] shadow-lg  rounded-3xl flex justify-center pt-3 z-200"
-        style="box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 26px 11px"
-        @click="openAdd()">
-        <BasicIcon icon="vuesax-linear:add" />
+        v-if="!addAddressVisible"
+        class="add-address app-dock-add-bar"
+        @click="openAdd()"
+      >
         <div>افزودن آدرس جدید</div>
+        <BasicIcon icon="vuesax-linear:add" />
       </div>
-    </Transition>
+    </Teleport>
   </div>
 </template>