From 137ced215795968b58f2ae8d533e73718c968bba Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyu_kun@sina.com>
Date: Mon, 29 May 2023 18:42:34 +0800
Subject: [PATCH] fix aside i18n text

---
 src/language/en.ts                            |  6 +--
 .../Home/content/aside/components/Aside.vue   | 10 ++++
 .../content/aside/components/AsideActive.vue  | 53 ++++++++++---------
 3 files changed, 40 insertions(+), 29 deletions(-)

diff --git a/src/language/en.ts b/src/language/en.ts
index a44a8eb7..98b8eb43 100644
--- a/src/language/en.ts
+++ b/src/language/en.ts
@@ -24,10 +24,10 @@ export default {
     asideActive: {
       fold: 'Fold Aside',
       create: 'CREATE NEW!',
-      update: 'Update Log',
-      balance: 'F.S.',
+      update: 'Update',
+      balance: 'Balance',
       ranking: 'Ranking',
-      regulations: 'Regulations',
+      regulations: 'Bylaw',
       contacts: 'Join Us',
       antiMoe: 'Anti-moe',
       hot: `Today's Hot Topic`,
diff --git a/src/views/Home/content/aside/components/Aside.vue b/src/views/Home/content/aside/components/Aside.vue
index 38b87788..c593b7b9 100644
--- a/src/views/Home/content/aside/components/Aside.vue
+++ b/src/views/Home/content/aside/components/Aside.vue
@@ -12,6 +12,16 @@ import asideItem from '../aside-item'
       }}</router-link>
     </span>
   </div>
+  <!-- 
+
+    TODO:
+    <span><Icon icon="line-md:uploading-loop" /></span>
+    <span><Icon icon="healthicons:money-bag-outline" /></span>
+    <span><Icon icon="solar:ranking-outline" /></span>
+    <span><Icon icon="line-md:clipboard-list" /></span>
+    <span><Icon icon="fluent-mdl2:contact-list" /></span>
+    <span><Icon icon="line-md:alert" /></span>
+   -->
 </template>
 
 <style lang="scss" scoped>
diff --git a/src/views/Home/content/aside/components/AsideActive.vue b/src/views/Home/content/aside/components/AsideActive.vue
index 141187b2..67613953 100644
--- a/src/views/Home/content/aside/components/AsideActive.vue
+++ b/src/views/Home/content/aside/components/AsideActive.vue
@@ -13,9 +13,11 @@ const props = defineProps(['isActive'])
     <!-- 发布新文章 -->
     <div class="new-article">
       <!-- 发布新文章的按钮 -->
-      <button class="btn-new-article">
-        {{ $t('mainPage.asideActive.create') }}
-      </button>
+      <router-link to="/edit">
+        <button class="btn-new-article">
+          {{ $t('mainPage.asideActive.create') }}
+        </button>
+      </router-link>
     </div>
     <!-- 功能盒子容器 -->
     <div class="item-box-container">
@@ -49,36 +51,35 @@ const props = defineProps(['isActive'])
   /* 发布帖子的按钮相对于功能区盒子的占比 */
   flex-grow: 1;
   flex-shrink: 0;
+  /* 发布按钮样式 */
+  button {
+    height: 100%;
+    width: 100%;
+    background-color: $kungalgame-red-0;
+    border: 1px solid $kungalgame-red-3;
+    border-radius: 5px;
+    cursor: pointer;
+    color: $kungalgame-red-3;
+    font-weight: bold;
+    font-size: larger;
+    /* 发布按钮 hover 效果 */
+    &:hover {
+      font-size: xx-large;
+      background-color: $kungalgame-red-3;
+      color: $kungalgame-red-0;
+      /* 效果过渡时长 */
+      transition: 0.3s;
+    }
+  }
 }
-/* 发布按钮样式 */
-.new-article button {
-  height: 100%;
-  width: 100%;
-  background-color: $kungalgame-red-0;
-  border: 1px solid $kungalgame-red-3;
-  border-radius: 5px;
-  cursor: pointer;
-  color: $kungalgame-red-3;
-  font-weight: bold;
-  font-size: larger;
-}
-/* 发布按钮 hover 效果 */
-.new-article button:hover {
-  font-size: xx-large;
-  background-color: $kungalgame-red-3;
-  color: $kungalgame-red-0;
-  /* 效果过渡时长 */
-  transition: 0.3s;
-}
-/* 功能区容器 */
 /* 功能区容器 */
 .item-box-container {
   /* 两行三列 grid 布局 */
   width: 100%;
   height: 80px;
   display: grid;
-  grid-template-columns: repeat(3, 2fr);
-  grid-template-rows: repeat(2, 1fr);
+  grid-template-columns: repeat(3, minmax(0, 2fr));
+  grid-template-rows: repeat(2, minmax(0, 1fr));
   font-size: 14px;
   /* 字体颜色 */
   color: $kungalgame-font-color-3;