fix: tweak style for nav link

egoist · egoist · commit c4d2bf9881d6 · 2019-10-03T18:59:38.000+08:00
diff --git a/src/components/HeaderNav.vue b/src/components/HeaderNav.vue
@@ -78,7 +78,7 @@ export default {
   }
 
   & > /deep/ a {
-    display: flex;
+    display: inline-flex;
     align-items: center;
     line-height: 1.4;
     height: 100%;
@@ -96,6 +96,7 @@ export default {
     }
 
     &.router-link-exact-active {
+      color: var(--accent-color);
       &:after {
         background-color: var(--nav-link-border-color);
       }

Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@ export default {`
`78`	`78`	`}`
`79`	`79`
`80`	`80`	`& > /deep/ a {`
`81`		`- display: flex;`
	`81`	`+ display: inline-flex;`
`82`	`82`	`align-items: center;`
`83`	`83`	`line-height: 1.4;`
`84`	`84`	`height: 100%;`
`@@ -96,6 +96,7 @@ export default {`
`96`	`96`	`}`
`97`	`97`
`98`	`98`	`&.router-link-exact-active {`
	`99`	`+ color: var(--accent-color);`
`99`	`100`	`&:after {`
`100`	`101`	`background-color: var(--nav-link-border-color);`
`101`	`102`	`}`