fixed card display &...

src/views/base/wallet/mobile/MobileWalletView.vue

@@ -1,6 +1,10 @@
 <template>
-  <div>
-    <div class="absolute inset-0 bg-cover bg-center opacity-60" :style="{ backgroundImage: `url(${img})` }"></div>
+  <div class="relative">
+    <div
+      class="mobile-page-bg mobile-page-bg--cover opacity-60"
+      aria-hidden="true"
+      :style="{ backgroundImage: `url(${img})` }"
+    ></div>
     <MobilePageHeader title="کیف پول" />
     <div class="mpage-subheader wrap-fix flex justify-evenly">
       <div class="flex justify-evenly w-full px-2 h-11 items-center bg-gray-50 relative rounded">
@@ -118,7 +122,7 @@
         :ref="(node) => { mobileDepositScrollEl = (node as HTMLElement | null) }"
         :class="loading ? 'h-screen' : ''"
         class="px-3 overflow-y-scroll w-full h-[49vh] pb-16"
-        style="max-height: calc(100vh - 50px)"
+        style="max-height: var(--mpage-scroll-max-height)"
       >
         <list-anim v-if="!loading" :numberItemsAnim="4">
           <Item v-for="item in depositItems" :key="item.id" :item="item" />