From 5dbe7654a4139c65f41c7612cdc24e43ebb40ea2 Mon Sep 17 00:00:00 2001
From: unanmed <1319491857@qq.com>
Date: Wed, 22 Feb 2023 22:45:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=90=E5=B0=B1=E7=B3=BB=E7=BB=9F=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E7=AB=AF=E9=80=82=E9=85=8D=EF=BC=8C=E5=BC=80=E5=A7=8B?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/achievement.vue         | 33 ++++++++++++++++++++++++++++++++-
 src/ui/completeAchievement.vue |  7 +++++++
 src/ui/start.vue               |  8 ++++++--
 3 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/src/ui/achievement.vue b/src/ui/achievement.vue
index aa28494..66d868b 100644
--- a/src/ui/achievement.vue
+++ b/src/ui/achievement.vue
@@ -19,7 +19,7 @@
         <div id="list">
             <div id="achievement-list" :style="{ left: `-${offset}%` }">
                 <div v-for="t of column" class="achievement-one">
-                    <Scroll class="list-scroll">
+                    <Scroll class="list-scroll" :width="10">
                         <div class="list-div">
                             <div
                                 v-for="a of getAllAchievements(t)"
@@ -316,4 +316,35 @@ function exit() {
         white-space: nowrap;
     }
 }
+
+@media screen and (max-width: 600px) {
+    #achievement {
+        width: 90vw;
+        height: 90vh;
+        font-size: 4.2vw;
+    }
+
+    #column {
+        font-size: 4.3vw;
+    }
+
+    .list-one {
+        width: 90%;
+
+        .list-content {
+            height: 15vh;
+        }
+
+        .list-text {
+            font-size: 3.2vw;
+        }
+
+        .list-end {
+            margin-bottom: 0.8vh;
+            .end-info {
+                font-size: 3.2vw;
+            }
+        }
+    }
+}
 </style>
diff --git a/src/ui/completeAchievement.vue b/src/ui/completeAchievement.vue
index 14987b5..6b9fbc8 100644
--- a/src/ui/completeAchievement.vue
+++ b/src/ui/completeAchievement.vue
@@ -104,4 +104,11 @@ onMounted(async () => {
         top: -30vh;
     }
 }
+
+@media screen and (max-width: 600px) {
+    #complete-box {
+        width: 90vw;
+        left: 5%;
+    }
+}
 </style>
diff --git a/src/ui/start.vue b/src/ui/start.vue
index 789716a..9dbf9df 100644
--- a/src/ui/start.vue
+++ b/src/ui/start.vue
@@ -527,20 +527,24 @@ onUnmounted(() => {
         display: flex;
         align-items: center;
         flex-direction: row-reverse;
+        justify-content: flex-start;
         right: 5%;
         bottom: 10%;
         font-size: 1.3em;
         z-index: 1;
+        width: 50%;
 
         .setting-buttons {
-            margin-left: 40%;
+            margin-left: 4%;
             color: white;
             transition: color 0.2s linear;
             cursor: pointer;
         }
 
         .setting-buttons2 {
-            margin-left: 40%;
+            margin-left: 4%;
+            position: relative;
+            top: 1px;
         }
 
         #sound {