fix bugs of UI

src/App.vue

@@ -78,7 +78,7 @@
   </div>
   <div
     v-if="!showSplash"
-    class="app-credit-footer flex bg-white justify-center text-[9px] fixed left-0 right-0"
+    class="app-credit-footer flex bg-white justify-center text-[9px]"
   >
     <a
       href="https://montzar.ir"
@@ -168,11 +168,21 @@ function update() {
   --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-nav-height: 80px;
+  --app-bottom-chrome-height: calc(var(--app-nav-height) + var(--app-credit-footer-offset));
+  --app-add-card-height: 88px;
 }
 
 .app-credit-footer {
+  position: fixed;
   bottom: 0;
-  z-index: 1000;
+  left: 0;
+  right: 0;
+  width: 100%;
+  max-width: 426px;
+  margin-left: auto;
+  margin-right: auto;
+  z-index: 1000000;
   min-height: var(--app-credit-bar-inner);
   padding-bottom: var(--app-safe-bottom);
   box-sizing: content-box;