Fixed problems footer in Chrome phone app

MacKey-255 · Jul 19, 2023 · b5fca2b · b5fca2b
1 parent 6b5619b
commit b5fca2b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 24 deletions.
diff --git a/components/AppFooter.vue b/components/AppFooter.vue
@@ -6,16 +6,9 @@
 
 <style scoped>
 footer {
-  width: 100%;
-  height: 24px;
+  position: fixed;
+  bottom: 0;
+  left: calc(50% - 132px);
   z-index: 5;
 }
-footer p {
-  width: 320px;
-  margin: 0 auto;
-  text-align: center;
-  /*border-radius: 15px 15px 0 0;*/
-  /*background: linear-gradient(135deg, #9a0dfe, #637dfb);*/
-  /*box-shadow: 0 2px 12px 0 rgba(91, 41, 191, 0.5);*/
-}
 </style>
diff --git a/components/AppMenu.vue b/components/AppMenu.vue
@@ -172,7 +172,7 @@ export default {
   }
   .menu {
     display: flex;
-    margin: 8px;
+    padding: 8px;
   }
   .menu_contain {
     flex-grow: 1;

diff --git a/pages/index.vue b/pages/index.vue
@@ -27,16 +27,3 @@ export default {
   },
 }
 </script>
-
-<style scoped>
-main {
-  display: flex;
-  overflow: hidden;
-  min-height: calc(100vh - 24px);
-}
-@media only screen and (max-device-width: 640px) {
-  main { /* Assign space for navbar */
-    min-height: calc(100vh - 84px);
-  }
-}
-</style>