fix a bug of tab link

_config.yml

@@ -4,8 +4,8 @@ info:
   version: '2.1'
   docs: https://volantis.js.org/
   cdn: # To use CDN, write 'use_cdn: true' in 'blog/_config.yml'.
-    css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.1.0/css/style.css
-    js: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.1.0/js/app.js
+    # css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.1.0/css/style.css
+    # js: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.1.0/js/app.js
 
 
 ############################### Style ###############################

source/css/_layout/friends.styl

@@ -13,7 +13,7 @@
         box-shadow: $boxshadow-card
         padding: $gap * 0.5 0
         margin: $gap * 0.5
-        margin-top: "calc(1.5 * %s + 32px)" % $gap
+        margin-top: "calc(2.25 * %s + 32px)" % $gap
         color: $color-meta
         background: $color-block
         justify-content: flex-start
@@ -31,8 +31,6 @@
 
         &:hover
           text-decoration: none
-          transform: scale(1.05)
-          // border-radius: @border_radius/2
           .friend-left
             .avatar
               transform: scale(1.2) rotate(12deg)

source/css/_layout/search.styl

@@ -140,7 +140,6 @@
       height: 50px
       padding: 0px 15px
       background: $color-card
-      border-top: 1px solid alpha($color-text, .2)
       .logo
         position: absolute
         top: 0

source/css/_layout/tabs.styl

@@ -7,11 +7,7 @@ div.tabs
   margin-bottom: $gap-line
   border-bottom: 0
   border-radius: $tbr
-  a
-    color: $color-text
-    &:hover
-      text-decoration: none
-
+  box-shadow: $boxshadow-card
 
 div.tabs
   ul.nav-tabs
@@ -24,19 +20,22 @@ div.tabs
     padding-top: $borderradius-line
     background: darken($color-block, 2)
     border-radius: $tbr $tbr 0 0
+    padding: 0 4px
     li.tab
       list-style-type: none
       border-radius: $tbr $tbr 0 0
       a
         display: block
         padding: $gap * 0.5
-        margin: 0 $gap * 0.25
+        margin: 0 2px
         text-align: center
         font-size: $fontsize-meta
         font-weight: bold
         color: $color-meta
+        border-top: $borderradius-line solid transparent
         border-bottom: $borderradius-line solid transparent
         &:hover
+          text-decoration: none
           color: $color-p
           border-bottom: $borderradius-line solid $color-meta
       &.active a

source/css/_layout/tag-plugins.styl

@@ -84,7 +84,7 @@ gray,p[gray]
       color: $color-p
     display: flex
     flex-wrap: wrap
-    margin: $gap-line  -0.5 * $gap
+    margin: 0 -0.5 * $gap
     align-items: flex-start
     &[wide]
       a
@@ -137,7 +137,7 @@ gray,p[gray]
     a
       trans()
       margin: $gap * 0.5
-      margin-top: "calc(1.25 * %s + 32px)" % $gap
+      margin-top: "calc(2.25 * %s + 32px)" % $gap
       min-width: 120px
       font-weight: bold
       display: flex

source/js/app.js

@@ -311,16 +311,17 @@ var customSearch;
 			let $a = $tabs.find($nav[i].children[0]);
 			$a.addClass($a.attr("href"));
 			$a.removeAttr('href');
+			$('.tabs .nav-tabs').on('click', 'a', (e) => {
+				e.preventDefault();
+				e.stopPropagation();
+				$tabs.find('.nav-tabs .active').removeClass('active');
+				$tabs.find(e.target.parentElement).addClass('active');
+				$tabs.find('.tab-content .active').removeClass('active');
+				$tabs.find($(e.target).attr("class")).addClass('active');
+				return false;
+			});
 		}
-		$tabs.on('click', 'a', (e) => {
-			e.preventDefault();
-			e.stopPropagation();
-			$tabs.find('.nav-tabs .active').removeClass('active');
-			$tabs.find(e.target.parentElement).addClass('active');
-			$tabs.find('.tab-content .active').removeClass('active');
-			$tabs.find($(e.target).attr("class")).addClass('active');
-			return false;
-		});
+
 	}
 
 	$(function () {