1405/04/09-fix bug iphone show

src/views/base/home/components/AppHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     ref="headerRef"
-    class="app-header px-4 py-2 top-0 z-30 wrap-fix background-color-transition"
+    class="app-header px-4 pb-2 top-0 wrap-fix background-color-transition"
     :class="{ 'app-header--scrolled': isHeaderScrolled }"
   >
     <div class="flex justify-between my-2 items-center">
@@ -169,6 +169,9 @@ defineEmits<{
 
 <style scoped>
 .app-header {
+  z-index: 1999;
+  box-sizing: border-box;
+  padding-top: calc(0.5rem + var(--app-safe-top, env(safe-area-inset-top, 0px)));
   background-color: transparent;
 }
 

src/views/base/home/index.vue

@@ -47,6 +47,10 @@ const {
 </style>
 
 <style lang="less">
+.home-page-root.main-with-bottom-chrome-inner {
+  scroll-padding-top: var(--app-home-header-offset, calc(4.25rem + env(safe-area-inset-top, 0px)));
+}
+
 .odometer {
   font-size: 60px;
   text-align: center;

src/views/base/home/mobile/MobileHomeView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mt-10 p-5 home-mobile-root">
+  <div class="home-mobile-root p-5">
     <div class="app-header-scroll-sentinel" aria-hidden="true" />
     <component :is="layoutComponent" :layout-config="layoutConfig" />
     <AppHeader @logout="$emit('logout')" />
@@ -26,6 +26,7 @@ const layoutConfig = computed(() => getHomeLayoutConfig(getHomeLayoutId()))
 <style scoped>
 .home-mobile-root {
   position: relative;
+  padding-top: var(--app-home-header-offset, calc(4.25rem + env(safe-area-inset-top, 0px)));
 }
 
 .app-header-scroll-sentinel {