From a955532901c71f540c4be5fb47f643ac9c8a500b Mon Sep 17 00:00:00 2001 From: cookfront Date: Wed, 22 Mar 2017 14:06:54 +0800 Subject: [PATCH] side nav --- docs/components/side-nav.vue | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/docs/components/side-nav.vue b/docs/components/side-nav.vue index eef949c18..78996d7c8 100644 --- a/docs/components/side-nav.vue +++ b/docs/components/side-nav.vue @@ -58,7 +58,7 @@ export default { .side-nav { width: 220px; box-sizing: border-box; - padding: 40px 20px; + padding: 40px 0; float: left; background-color: #fff; @@ -83,9 +83,11 @@ export default { display: block; position: relative; transition: all .3s; + padding: 0 20px; &.active { color: #3388FF; + background-color: #F2F2F2; } } .nav-item { @@ -94,7 +96,7 @@ export default { height: 40px; line-height: 40px; font-size: 14px; - padding-left: 24px; + padding-left: 44px; &:hover { color: #3388FF; @@ -105,7 +107,7 @@ export default { .nav-group__title { font-size: 12px; color: #666; - padding-left: 8px; + padding-left: 28px; line-height: 26px; margin-top: 10px; }