fix bugs of UI

2026-05-23 16:34:15 +03:30
parent 246b1fc664
commit 33f9151446
11 changed files with 194 additions and 188 deletions
@@ -1,17 +1,14 @@
 <template>
  <div>
-    <div class="flex flex-col gap-4 pt-13 pb-35 px-2">
+    <div class="flex flex-col gap-4 pt-13 px-2 pb-[calc(var(--app-bottom-chrome-height)+var(--app-add-card-height)+1rem)]">
      <RequestItem v-for="item in requestItems" :item="item"></RequestItem>
    </div>
-    <Transition mode="out-in" name="fade">
-      <div
-          class="wrap-fix bottom-0 h-[19vh] 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()">
+    <Teleport to="body">
+      <div class="add-request app-dock-add-bar" @click="openAdd()">
+        <div>افزودن درخواست جدید</div>
        <BasicIcon icon="vuesax-linear:add" />
-        <div class="cursor-pointer">افزودن درخواست جدید</div>
      </div>
-    </Transition>
+    </Teleport>
  </div>
 </template>