From a2b103c2393955c545c583f505188898d5cc0e1f Mon Sep 17 00:00:00 2001
From: xugaoyi <894072666@qq.com>
Date: Fri, 19 Aug 2022 17:05:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BE=AE=E8=B0=83=E5=88=86=E7=B1=BB?=
 =?UTF-8?q?=E6=A0=8FUI=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vdoing/components/CategoriesBar.vue  | 11 +++++++----
 vdoing/components/CategoriesPage.vue |  6 +++++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/vdoing/components/CategoriesBar.vue b/vdoing/components/CategoriesBar.vue
index aaa9b4d..b5a1bd5 100644
--- a/vdoing/components/CategoriesBar.vue
+++ b/vdoing/components/CategoriesBar.vue
@@ -44,7 +44,7 @@ export default {
     }
   },
   computed: {
-    categories () {
+    categories() {
       if (this.length === 'all') {
         return this.categoriesData
       } else {
@@ -68,7 +68,7 @@ export default {
     margin-top 0.6rem
     a
       display block
-      padding 8px 0.95rem 7px 0.95rem
+      padding 8px 2.4rem 7px 0.95rem
       color var(--textColor)
       opacity 0.8
       font-size 0.95rem
@@ -91,7 +91,7 @@ export default {
         span
           opacity 0.8
       span
-        float right
+        // float right
         background-color var(--textColor)
         color var(--mainBg)
         border-radius 8px
@@ -99,10 +99,13 @@ export default {
         min-width 1rem
         height 1rem
         line-height 1rem
-        font-size 0.6rem
+        font-size 12px
         text-align center
         opacity 0.6
         transition opacity 0.3s
+        position absolute
+        right 0.95rem
+        top 8px
       &.active
         background $accentColor
         color var(--mainBg)
diff --git a/vdoing/components/CategoriesPage.vue b/vdoing/components/CategoriesPage.vue
index 855a0a9..218a14d 100644
--- a/vdoing/components/CategoriesPage.vue
+++ b/vdoing/components/CategoriesPage.vue
@@ -99,12 +99,16 @@ export default {
     @media (max-width $MQMobile)
       display none
     .categories
-      padding-right 0.5rem
+      // padding-right 0.3rem
       max-height calc(100vh - 14rem)
       min-height 2.2rem
       overflow-y auto
       transition all 0.2s
       position relative
+      a
+        padding-right 1.8rem
+        span
+          right 0.4rem
       &::-webkit-scrollbar-track-piece
         background-color rgba(0, 0, 0, 0.05)
       &::-webkit-scrollbar-thumb:vertical