feat: update SiteFooter layout and adjust MapPage iframe source

src/components/layout/SiteFooter.vue

@@ -30,7 +30,7 @@ const friendLinks = [
 
 <template>
   <footer class="site-footer">
-    <div class="site-footer__inner">
+    <div class="bl-shell">
       <div class="footer-columns">
        <div class="footer-col">
           <div class="footer-logo">{{ brand }}</div>
@@ -71,12 +71,6 @@ const friendLinks = [
   color: var(--bl-text-secondary, #6e6e73);
 }
 
-.site-footer__inner {
-  max-width: 1000px;
-  margin: 0 auto;
-  padding: 0 20px;
-}
-
 .footer-columns {
   display: flex;
   gap: 60px;

src/pages/MapPage.vue

@@ -1,7 +1,7 @@
 <template>
   <iframe
     class="iframe-fullpage"
-    src="https://mcmap.lunadeer.cn/"
+    src="https://mcmap.lunadeer.cn/#world:2710:0:-1575:2531:0:0:0:1:flat"
     frameborder="0"
     allowfullscreen
   ></iframe>

src/styles.css

@@ -86,8 +86,9 @@ img {
 }
 
 .bl-shell {
-  width: min(var(--bl-content-width), calc(100% - 32px));
+  width: min(var(--bl-content-width), calc(100% - 40px));
   margin: 0 auto;
+  padding: 0 20px;
 }
 
 .bl-section-heading {