修复样式

src/components/footer.vue

@@ -11,10 +11,20 @@
 export default {}
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
 .footer {
   width: 100%;
   height: 64px;
   border-top: 1px solid var(--color-plain-2);
 }
+@media screen and (max-width: 1024px) {
+  .footer {
+    .wrapper {
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+    }
+  }
+}
 </style>

src/components/topbar.vue

@@ -53,4 +53,14 @@ export default {
     }
   }
 }
+
+@media screen and (max-width: 1024px) {
+  .topbar {
+    padding: 0 16px;
+  }
+
+  .wrapper {
+    width: 100%;
+  }
+}
 </style>

src/views/home.vue

@@ -670,7 +670,6 @@ export default {
 }
 
 @media screen and (max-width: 1024px) {
-  .topbar,
   .main {
     padding: 0 16px;
   }
@@ -678,13 +677,5 @@ export default {
   .wrapper {
     width: 100%;
   }
-
-  .footer {
-    .wrapper {
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-    }
-  }
 }
 </style>