From 207aab5b30f004d56c7e5d672720eee8caeac8b0 Mon Sep 17 00:00:00 2001
From: reco_luan <luanhewei@gmail.com>
Date: Fri, 4 Oct 2019 22:50:05 +0800
Subject: [PATCH] style: change category list style

---
 components/HomeBlog.vue | 17 +++++++++++------
 layouts/Category.vue    |  4 ++--
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/components/HomeBlog.vue b/components/HomeBlog.vue
index b7daf5e..96446c7 100644
--- a/components/HomeBlog.vue
+++ b/components/HomeBlog.vue
@@ -284,18 +284,23 @@ export default {
         list-style none
         padding-left 0
         .category-item {
+          margin-bottom .4rem
           padding: .4rem .8rem;
-          border: 1px solid #999;
           transition: all .5s
-          &:first-child {
-            border-top-right-radius: .25rem;
-            border-top-left-radius: .25rem;
-          }
+          border-radius 2px
+          box-shadow 0 1px 4px 0 rgba(0,0,0,0.2)
           &:not(:first-child) {
             border-top: none;
           }
           &:hover {
             background #d3d3d3
+            a {
+              color #fff
+              .post-num {
+                background #999
+                color #fff
+              }
+            }
           }
           a {
             display flex
@@ -305,7 +310,7 @@ export default {
               height 1.6rem
               text-align center
               line-height 1.6rem
-              border-radius 50%
+              border-radius 4px
               background #eee
               font-size .6rem
               color $textColor
diff --git a/layouts/Category.vue b/layouts/Category.vue
index d1df8f5..bafa1e2 100644
--- a/layouts/Category.vue
+++ b/layouts/Category.vue
@@ -136,9 +136,9 @@ export default {
           height 1.2rem
           text-align center
           line-height 1.2rem
-          border-radius 50%
+          border-radius 4px
           background #eee
-          font-size .4rem
+          font-size .7rem
         }
       }
     }