diff --git a/_config.yml b/_config.yml index edb9af3..9cd3c09 100755 --- a/_config.yml +++ b/_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 ############################### diff --git a/source/css/_layout/friends.styl b/source/css/_layout/friends.styl index bf1938a..9e82423 100644 --- a/source/css/_layout/friends.styl +++ b/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) diff --git a/source/css/_layout/search.styl b/source/css/_layout/search.styl index 25587cc..c3b1ebb 100644 --- a/source/css/_layout/search.styl +++ b/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 diff --git a/source/css/_layout/tabs.styl b/source/css/_layout/tabs.styl index c3bc7af..16b7b2f 100644 --- a/source/css/_layout/tabs.styl +++ b/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 diff --git a/source/css/_layout/tag-plugins.styl b/source/css/_layout/tag-plugins.styl index 0b86481..34f320a 100644 --- a/source/css/_layout/tag-plugins.styl +++ b/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 diff --git a/source/js/app.js b/source/js/app.js index 1e89c04..679ce92 100755 --- a/source/js/app.js +++ b/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 () {