fix: 优化设计图标尺寸

vdoing/components/Sidebar.vue

@@ -1,17 +1,11 @@
 <template>
   <aside class="sidebar">
-    <div
+    <div class="blogger" v-if="blogger">
-      class="blogger"
-      v-if="blogger"
-    >
       <img :src="blogger.avatar" />
       <div class="blogger-info">
-        <h3>{{blogger.name}}</h3>
+        <h3>{{ blogger.name }}</h3>
 
-        <div
+        <div class="icons" v-if="blogger.social">
-          class="icons"
-          v-if="blogger.social"
-        >
           <a
             :href="item.link"
             :title="item.title"
@@ -21,7 +15,7 @@
             target="_blank"
           ></a>
         </div>
-        <span v-else>{{blogger.slogan}}</span>
+        <span v-else>{{ blogger.slogan }}</span>
       </div>
     </div>
 
@@ -30,10 +24,7 @@
 
     <slot name="top" />
 
-    <SidebarLinks
+    <SidebarLinks :depth="0" :items="items" />
-      :depth="0"
-      :items="items"
-    />
     <slot name="bottom" />
   </aside>
 </template>
@@ -50,7 +41,7 @@ export default {
   props: ['items'],
 
   computed: {
-    blogger () {
+    blogger() {
       return this.$themeConfig.blogger
     }
   }
@@ -94,20 +85,21 @@ export default {
       margin 0.75rem 1rem
     .blogger-info
       flex 1
+      padding 0 0.3rem 0.3rem 0
       h3
-        margin 0.95rem 0 0.7rem
+        margin 0.95rem 0 0.6rem
         font-size 1.1rem
       .icons .iconfont
         font-size 1.2rem
         padding-right 0.6rem
         color #777
   .sidebar-slot
-    margin-bottom: -.5rem;
+    margin-bottom -0.5rem
-    font-size: .85rem;
+    font-size 0.85rem
     &.sidebar-slot-top
-      padding: 1.5rem 1.5rem 0;
+      padding 1.5rem 1.5rem 0
     &.sidebar-slot-bottom
-      padding: 0 1.5rem 1.5rem;
+      padding 0 1.5rem 1.5rem
 @media (max-width $MQMobile)
   .sidebar
     .blogger

vdoing/styles/index.styl

@@ -1,5 +1,5 @@
 // 引入字体图标
-@import '//at.alicdn.com/t/font_1678482_kdcbbwxa6v.css'
+@import '//at.alicdn.com/t/font_1678482_4tbhmh589x.css'
 
 @require './config'
 @require './code'