fix mk-media darkmode

This commit is contained in:
tamaina 2018-09-05 19:46:55 +09:00
parent 299f83684b
commit 4257fed500
1 changed files with 9 additions and 6 deletions

View File

@ -42,7 +42,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-media-banner root(isDark)
width 100% width 100%
border-radius 4px border-radius 4px
margin-top 4px margin-top 4px
@ -70,11 +70,8 @@ export default Vue.extend({
> .mk-media-banner-icon > .mk-media-banner-icon
font-size 1.6em font-size 1.6em
.mk-media-banner-download[data-darkmode] .mk-media-banner-download
background #21242d background isDark ? #21242d : #f7f7f7
.mk-media-banner-download:not([data-darkmode])
background #f7f7f7
.mk-media-banner-sensitive .mk-media-banner-sensitive
background #111 background #111
@ -85,4 +82,10 @@ export default Vue.extend({
display block display block
width 100% width 100%
height 100% height 100%
.mk-media-banner[data-darkmode]
root(true)
.mk-media-banner:not([data-darkmode])
root(false)
</style> </style>