safavi works

src/views/base/priceTrigger/mobile/MobilePriceTriggerView.vue

@@ -1,16 +1,10 @@
 <template>
   <div>
-    <div class="bg-white py-3 px-3 text-primary font-bold drop-shadow wrap-fix flex z-10">
-      <div @click="router.back()">
-        <BasicIcon icon="vuesax-linear:arrow-right-1" />
-      </div>
-      <div class="mr-2">هشدارهای فعلی</div>
-    </div>
+    <MobilePageHeader title="هشدارهای فعلی" show-back />
 
     <div
       :class="loading ? 'h-screen' : ''"
-      class="px-3 pt-16 pb-2 overflow-y-scroll"
-      style="max-height: calc(100vh - 50px)"
+      class="px-3 mpage-content pb-2 overflow-y-scroll mpage-scroll"
     >
       <list-anim v-if="!loading" class="pb-[calc(var(--app-bottom-chrome-height)+var(--app-add-card-height)+1rem)]">
         <Item
@@ -41,9 +35,9 @@
 
 <script lang="ts" setup>
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
+import MobilePageHeader from '@/layouts/components/MobilePageHeader.vue'
 import ListAnim from '@/components/ListAnim.vue'
 import TransactionSkeleton from '@/components/TransactionSkeleton.vue'
-import router from '@/router'
 import Item from '../components/Item.vue'
 import { usePriceTriggerPageContext } from '../composables/usePriceTriggerPage'