fix(dropdown): dark theme style

This commit is contained in:
07akioni 2020-11-16 21:31:54 +08:00
parent 4278a998ff
commit 03c751eb77
4 changed files with 16 additions and 7 deletions

View File

@ -32,13 +32,17 @@ export default {
render () {
const {
NDropdown: {
size
size,
mergedTheme
}
} = this
return h('div', {
class: [
'n-dropdown-menu',
`n-dropdown-menu--${size}-size`
`n-dropdown-menu--${size}-size`,
{
[`n-${mergedTheme}-theme`]: mergedTheme
}
]
},
[

View File

@ -5,6 +5,7 @@ export default c([
({ props }) => {
const local = props.$local
const {
color,
prefixColor,
suffixColor,
dividerColor,
@ -16,7 +17,7 @@ export default c([
return [
cTB('dropdown-menu', {
padding,
background: 'white',
backgroundColor: color,
borderRadius,
boxShadow
}, [

View File

@ -8,15 +8,17 @@ export default create({
const {
textColor2,
popoverBoxShadow,
dividerColor,
hoverColorOverlay
dividerColorOverlay,
hoverColorOverlay,
popoverColor
} = derived
const {
borderRadius
} = base
return {
...commonVariables,
dividerColor,
color: popoverColor,
dividerColor: dividerColorOverlay,
borderRadius,
boxShadow: popoverBoxShadow,
suffixColor: textColor2,

View File

@ -9,13 +9,15 @@ export default create({
textColor2,
popoverBoxShadow,
dividerColor,
hoverColorOverlay
hoverColorOverlay,
popoverColor
} = derived
const {
borderRadius
} = base
return {
...commonVariables,
color: popoverColor,
dividerColor,
borderRadius,
boxShadow: popoverBoxShadow,