1

src/layout/components/AppMain.vue

@@ -51,24 +51,47 @@ export default {
   width: 100%;
   position: relative;
   overflow: hidden;
+  
+  @media (max-width: 768px) {
+    min-height: calc(100vh - 48px);
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
 }
 
 .app-main:has(.copyright) {
   padding-bottom: 36px;
+  
+  @media (max-width: 768px) {
+    padding-bottom: 30px;
+  }
 }
 
 .fixed-header + .app-main {
   padding-top: 50px;
+  
+  @media (max-width: 768px) {
+    padding-top: 48px;
+  }
 }
 
 .hasTagsView {
   .app-main {
     /* 84 = navbar + tags-view = 50 + 34 */
     min-height: calc(100vh - 84px);
+    
+    @media (max-width: 768px) {
+      min-height: calc(100vh - 48px);
+    }
   }
 
   .fixed-header + .app-main {
     padding-top: 84px;
+    
+    @media (max-width: 768px) {
+      padding-top: 48px;
+    }
   }
 }
 </style>