1405/04/10-fix bugs

src/views/base/user/mobile/MobileUserView.vue

@@ -1,16 +1,10 @@
 <template>
-  <div class="relative">
-    <div>
-      <!--        <img :src="gr_bottom" alt="" class="absolute bottom-20">-->
-      <img :src="img" alt="" class="mt-2 w-full absolute bottom-0" />
+  <div class="relative mobile-user-view">
+    <div class="mobile-page-bg" aria-hidden="true">
+      <img :src="img" alt="" />
     </div>
-    <div class="bg-white w-full py-3 px-3 font-bold drop-shadow flex">
-      <div @click="router.back()" class="cursor-pointer">
-        <BasicIcon icon="vuesax-linear:arrow-right-1" />
-      </div>
-      <div class="mr-2 items-center">اطلاعات حساب کاربری</div>
-    </div>
-    <div class="pt-16 pb-8 z-30 relative">
+    <MobilePageHeader title="اطلاعات حساب کاربری" show-back />
+    <div class="mpage-content pb-[calc(var(--app-bottom-chrome-height)+1rem)] z-30 relative">
       <div
         class="border-gray-200 border-1 rounded-xl p-5 trans flex flex-col items-center mx-5 z-1000 relative bg-white shadow-lg"
       >
@@ -92,16 +86,16 @@
               <div>آدرس ها</div>
             </div>
           </BasicButton>-->
-<!--          <BasicButton-->
-<!--            class="w-full mt-2"-->
-<!--            size="large"-->
-<!--            @click="$router.push({ name: 'notifyTrigger' })"-->
-<!--          >-->
-<!--            <div class="flex">-->
-<!--              <BasicIcon icon="vuesax-linear:bill" class="absolute right-8" />-->
-<!--              <div>هشدار قیمت</div>-->
-<!--            </div>-->
-<!--          </BasicButton>-->
+          <BasicButton
+            class="w-full mt-2"
+            size="large"
+            @click="$router.push({ name: 'notifyTrigger' })"
+          >
+            <div class="flex">
+              <BasicIcon icon="vuesax-linear:bill" class="absolute right-8" />
+              <div>هشدار قیمت</div>
+            </div>
+          </BasicButton>
           <BasicButton
             class="mt-2 w-full"
             icon=""
@@ -222,6 +216,7 @@ import { useWindowScroll } from '@vueuse/core/index'
 import { onMounted, ref } from 'vue'
 import { useUserStore } from '@/store/userStore'
 import { useUserPageContext } from '../composables/useUserPage'
+import MobilePageHeader from '@/layouts/components/MobilePageHeader.vue'
 
 const userStore = useUserStore()
 const walletStore = useWalletStore()
@@ -282,17 +277,7 @@ async function logout() {
   z-index: 40;
 }
 
-.relative {
-  overflow-y: auto;
-  max-height: 100vh;
-  //scroll-behavior: smooth;
-}
-
-.fixed {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 50; /* بالاتر از همه */
+.mobile-user-view {
+  min-height: 100%;
 }
 </style>