无聊的优化外观

src/views/History.vue

@@ -346,6 +346,9 @@ export default {
     top: 134px;
     right: 114px;
     width: 458px;
+    @media only screen and (max-width: 1700px) {
+      right: 20px;
+    }
     >h2 {
       display: flex;
       align-items: center;
@@ -372,7 +375,7 @@ export default {
       margin-bottom: 20px;
       position: relative;
       padding-left: 40px;
-      padding-right: 35px;
+      padding-right: 40px;
       > img.banner {
         width: 100%;
         max-height: 300px;

src/views/Metaverse.vue

@@ -103,7 +103,7 @@ export default {
     position: absolute;
     top: calc(100% / 2);
     transform: translateY(-50%);
-    right: 0;
+    right: 102px;
     width: 653px;
     height: calc(100% - 74px - 50px);
     max-height: 740px;
@@ -115,6 +115,9 @@ export default {
     padding: 32px 50px 50px 50px;
     display: flex;
     flex-direction: column;
+    @media only screen and (max-width: 1700px) {
+      right: 0;
+    }
     >button.close {
       position: absolute;
       top: 30px;