This commit is contained in:
syuilo 2018-05-29 11:38:24 +09:00
parent c351ba7820
commit 4c54d68fad

View file

@ -36,7 +36,7 @@ export default Vue.extend({
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
.mk-ui-notification root(isDark)
display block display block
position fixed position fixed
z-index 10000 z-index 10000
@ -46,10 +46,10 @@ export default Vue.extend({
margin 0 auto margin 0 auto
padding 128px 0 0 0 padding 128px 0 0 0
width 500px width 500px
color rgba(#000, 0.6) color rgba(isDark ? #fff : #000, 0.6)
background rgba(#fff, 0.9) background rgba(isDark ? #282C37 : #fff, 0.9)
border-radius 0 0 8px 8px border-radius 0 0 8px 8px
box-shadow 0 2px 4px rgba(#000, 0.2) box-shadow 0 2px 4px rgba(#000, isDark ? 0.4 : 0.2)
transform translateY(-64px) transform translateY(-64px)
opacity 0 opacity 0
@ -58,4 +58,10 @@ export default Vue.extend({
line-height 64px line-height 64px
text-align center text-align center
.mk-ui-notification[data-darkmode]
root(true)
.mk-ui-notification:not([data-darkmode])
root(false)
</style> </style>