From 9ff13b6a2d40b08fe7b095baa19cd647f92056c9 Mon Sep 17 00:00:00 2001
From: Aether Chen <15167799+chenjunyu19@users.noreply.github.com>
Date: Tue, 13 Aug 2024 21:15:20 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9E=20fix:=20broken=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

introduced in https://github.com/YuehaiTeam/cocogoat/pull/72
---
 src/views/Achievement/ImportDialog.vue | 6 +++---
 src/views/Achievement/Index.vue        | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/Achievement/ImportDialog.vue b/src/views/Achievement/ImportDialog.vue
index 87355de..d5ebb74 100644
--- a/src/views/Achievement/ImportDialog.vue
+++ b/src/views/Achievement/ImportDialog.vue
@@ -1,6 +1,6 @@
 <template>
     <!-- eslint-disable vue/no-parsing-error -->
-    <div style="margin-top: -35px">
+    <div style="margin-top: -5px">
         <el-tabs v-model="activeName" stretch>
             <el-tab-pane label="本地导入" name="text">
                 <div
@@ -224,9 +224,9 @@ export default defineComponent({
 .import-button {
     display: block;
     margin-top: 15px;
-    width: calc(100% + 40px);
+    width: calc(100% + var(--el-dialog-padding-primary) * 2);
     margin-bottom: -30px;
-    margin-left: -20px;
+    margin-left: calc(-1 * var(--el-dialog-padding-primary));
     height: 50px;
     border-radius: 0;
     border-left: 0;
diff --git a/src/views/Achievement/Index.vue b/src/views/Achievement/Index.vue
index e2234a1..5bfc6ea 100644
--- a/src/views/Achievement/Index.vue
+++ b/src/views/Achievement/Index.vue
@@ -27,7 +27,8 @@
                 <div class="a-line">
                     <el-popover
                         v-model:visible="showClear"
-                        :width="190"
+                        width="auto"
+                        trigger="click"
                         :placement="isMobile ? 'left-start' : 'bottom'"
                     >
                         <div style="text-align: center">真的要清空吗？</div>
@@ -37,7 +38,7 @@
                             <el-button size="small" type="danger" plain @click="doClear(true)">清空全部</el-button>
                         </div>
                         <template #reference>
-                            <el-button v-show="!showScanner" type="danger" plain @click="showClear = true">
+                            <el-button v-show="!showScanner" type="danger" plain>
                                 <fa-icon icon="trash-can" />
                                 清空
                             </el-button>

From 92918f219dfc8d6393e8cdf000606d045b38196b Mon Sep 17 00:00:00 2001
From: Aether Chen <15167799+chenjunyu19@users.noreply.github.com>
Date: Tue, 13 Aug 2024 21:43:05 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=B3=20chore:=20mobile=20style=20fo?=
 =?UTF-8?q?r=20basic=20option=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Options/Basic.vue | 30 ++++++++++++++++++++++--------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/views/Options/Basic.vue b/src/views/Options/Basic.vue
index e08e692..f41a722 100644
--- a/src/views/Options/Basic.vue
+++ b/src/views/Options/Basic.vue
@@ -1,8 +1,8 @@
 <template>
-    <section :class="$style.optionBasic">
+    <section :class="[$style.optionBasic, { [$style.optionBasicMoblie]: isMobile }]">
         <el-form label-position="right" label-width="130px">
             <el-form-item label="语言 (Language)">
-                <div>
+                <div class="form-content">
                     <div class="select">
                         <el-select v-model="options.lang">
                             <el-option v-for="(i, a) in langNames" :key="a" :label="i" :value="a" />
@@ -12,7 +12,7 @@
                 </div>
             </el-form-item>
             <el-form-item label="颜色模式">
-                <div>
+                <div class="form-content">
                     <div class="select">
                         <el-select v-model="configuredMode">
                             <el-option label="跟随系统" value="auto" />
@@ -23,7 +23,7 @@
                 </div>
             </el-form-item>
             <el-form-item label="错误报告和统计">
-                <div>
+                <div class="form-content">
                     <div class="select">
                         <el-switch v-model="options.reporting"></el-switch>
                     </div>
@@ -31,7 +31,7 @@
                 </div>
             </el-form-item>
             <el-form-item label="展示广告">
-                <div>
+                <div class="form-content">
                     <div class="select">
                         <el-switch v-model="options.showads"></el-switch>
                     </div>
@@ -51,6 +51,8 @@
 </template>
 
 <script>
+import { toRef } from 'vue'
+import bus from '@/bus'
 import { langNames } from '@/i18n'
 import { options } from '@/store'
 import { configuredMode } from '@/utils/darkmode'
@@ -67,6 +69,7 @@ export default {
             reporting.report()
         }
         return {
+            isMobile: toRef(bus(), 'isMobile'),
             langNames,
             options,
             report,
@@ -86,10 +89,8 @@ export default {
         .about {
             display: flex;
             flex-direction: column;
-            align-content: center;
             justify-content: center;
-            width: 300px;
-            max-width: 80%;
+            width: 320px;
             align-items: center;
             text-align: center;
             .logo {
@@ -119,4 +120,17 @@ export default {
         }
     }
 }
+.option-basic.option-basic-moblie {
+    :global {
+        .form-content {
+            width: 100%;
+        }
+        .select {
+            width: 100%;
+        }
+        .about {
+            width: 100%;
+        }
+    }
+}
 </style>