From 134928023d90cbd43f5ad3998f4c6262e7f0cd07 Mon Sep 17 00:00:00 2001
From: LeoKu <czc12580520@gmail.com>
Date: Fri, 29 Jul 2022 00:01:18 +0800
Subject: [PATCH] Tweet i18n

---
 src/components/Configurator.vue             | 30 ++++++++++-----------
 src/components/Modal/BatchDownloadModal.vue |  1 -
 src/i18n/locales/en/index.ts                |  2 +-
 src/i18n/locales/zh/index.ts                |  2 +-
 4 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/components/Configurator.vue b/src/components/Configurator.vue
index 2281d5d..aa08577 100644
--- a/src/components/Configurator.vue
+++ b/src/components/Configurator.vue
@@ -46,20 +46,6 @@
         :key="s.widgetType"
         :title="t(`widgetType.${s.widgetType}`)"
       >
-        <ul class="widget-list">
-          <li
-            v-for="it in s.widgetList"
-            :key="it.widgetShape"
-            class="list-item"
-            :class="{
-              selected:
-                it.widgetShape === avatarOption.widgets?.[s.widgetType]?.shape,
-            }"
-            @click="switchWidget(s.widgetType, it.widgetShape)"
-            v-html="it.svgRaw"
-          />
-        </ul>
-
         <details
           v-if="
             s.widgetType === WidgetType.Tops ||
@@ -79,6 +65,20 @@
             </li>
           </ul>
         </details>
+
+        <ul class="widget-list">
+          <li
+            v-for="it in s.widgetList"
+            :key="it.widgetShape"
+            class="list-item"
+            :class="{
+              selected:
+                it.widgetShape === avatarOption.widgets?.[s.widgetType]?.shape,
+            }"
+            @click="switchWidget(s.widgetType, it.widgetShape)"
+            v-html="it.svgRaw"
+          />
+        </ul>
       </SectionWrapper>
     </div>
   </PerfectScrollbar>
@@ -253,7 +253,7 @@ function setWidgetColor(widgetType: WidgetType, fillColor: string) {
   }
 
   .color-picker {
-    margin-top: 1rem;
+    margin: 1rem 0 0.5rem 0;
 
     summary {
       color: darken(var.$color-text, 20);
diff --git a/src/components/Modal/BatchDownloadModal.vue b/src/components/Modal/BatchDownloadModal.vue
index 2f3f688..d5d2d46 100644
--- a/src/components/Modal/BatchDownloadModal.vue
+++ b/src/components/Modal/BatchDownloadModal.vue
@@ -227,7 +227,6 @@ async function make() {
         padding: 0 1rem;
         color: var.$color-text;
         font-weight: bold;
-        letter-spacing: 0.1rem;
         background: var.$color-gray;
         border-radius: 0.4rem;
         border-radius: 0.6rem;
diff --git a/src/i18n/locales/en/index.ts b/src/i18n/locales/en/index.ts
index ae40f5f..fe25e4b 100644
--- a/src/i18n/locales/en/index.ts
+++ b/src/i18n/locales/en/index.ts
@@ -8,7 +8,7 @@ export default {
     code: 'code',
     randomize: 'Randomize',
     download: 'Download',
-    downloadMultiple: 'Download multiple',
+    downloadMultiple: 'Generate multiple',
     copyCode: 'Copy',
     copied: 'Copied',
     downloading: 'Downloading',
diff --git a/src/i18n/locales/zh/index.ts b/src/i18n/locales/zh/index.ts
index 6baa770..c4b69e6 100644
--- a/src/i18n/locales/zh/index.ts
+++ b/src/i18n/locales/zh/index.ts
@@ -8,7 +8,7 @@ export default {
     code: '配置代码',
     randomize: '随机生成',
     download: '下载头像',
-    downloadMultiple: '批量下载',
+    downloadMultiple: '批量生成',
     copyCode: '复制代码',
     copied: '已复制',
     downloading: '准备下载',