zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: color picker component

Browse Source
This commit is contained in:
reco_luan 2019-08-03 20:04:30 +08:00
parent c54a2c6d02
commit 50893c3bf4
3 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/SidebarLink.vue
View File

@ -96,7 +96,7 @@ a.sidebar-link
color $accentColor color $accentColor
&.active &.active
font-weight 600 font-weight 600
color $accentColor color $accentColor!important
border-left-color $accentColor border-left-color $accentColor
.sidebar-group & .sidebar-group &
padding-left 2rem padding-left 2rem

2
components/Theme/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="showSettings" v-click-outside="hideMenu" class="color-picker"> <div v-if="showSettings" v-click-outside="hideMenu" class="color-picker">
<a class="color-button" href="#" @click.prevent="showMenu = !showMenu"> <a class="color-button" @click.prevent="showMenu = !showMenu">
<i class="iconfont reco-color"></i> <i class="iconfont reco-color"></i>
</a> </a>
<transition name="menu-transition" mode="out-in"> <transition name="menu-transition" mode="out-in">

10
styles/colorMode/colorMixin.styl
View File

@ -58,6 +58,16 @@ color-mode(accountColor , colorName)
a a
span.post-num span.post-num
color accountColor!important color accountColor!important
.color-picker
.color-button
.iconfont
color accountColor!important;
a
color accountColor;
a.sidebar-link
color $textColor
a.sidebar-link:hover
color accountColor!important;
@media (min-width: 765px) @media (min-width: 765px)