fixed position of montzar

src/App.vue

@@ -77,9 +77,9 @@
     </a>
   </div>
   <div
-    v-if ="!showSplash"
-    class ="bottom-0 flex bg-white z-10000 justify-center text-[9px] fixed left-0 right-0 "
-    style ="box-shadow: 0px 3.75px 16px 0px #00000030"
+    v-if="!showSplash"
+    class="app-credit-footer flex bg-white justify-center text-[9px] fixed left-0 right-0"
+    style="box-shadow: 0px 3.75px 16px 0px #00000030"
   >
     <a
       href="https://montzar.ir"
@@ -164,6 +164,21 @@ function update() {
 </script>
 
 <style lang="less">
+/* ارتفاع نوار اعتبار + safe-area؛ منوی پایین با bottom: var(--app-credit-footer-offset) بالاتر از این نوار می‌نشیند */
+:root {
+  --app-credit-bar-inner: 28px;
+  --app-safe-bottom: env(safe-area-inset-bottom, 0px);
+  --app-credit-footer-offset: calc(var(--app-credit-bar-inner) + var(--app-safe-bottom));
+}
+
+.app-credit-footer {
+  bottom: 0;
+  z-index: 1000;
+  min-height: var(--app-credit-bar-inner);
+  padding-bottom: var(--app-safe-bottom);
+  box-sizing: content-box;
+}
+
 .updateButton .van-dialog__confirm .van-button__text {
   color: @App-primary-color !important;
   font-weight: 600;
@@ -172,7 +187,7 @@ function update() {
 
 #support-button {
   position: fixed;
-  bottom: 90px;
+  bottom: calc(80px + var(--app-credit-footer-offset, 28px) + 12px);
   right: 20px;
   width: 70px;
   height: 70px;