diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-04-27 21:06:28 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-04-27 21:06:28 +0900 |
| commit | ee62f6e3563a70c5d9bdde17eb7ad2bc594a593f (patch) | |
| tree | 0600bc08f89bf918c7040dc685de7b06d3801f45 /src/client/app/mobile/views/components/notes.vue | |
| parent | Update dependencies :rocket: (diff) | |
| download | misskey-ee62f6e3563a70c5d9bdde17eb7ad2bc594a593f.tar.gz misskey-ee62f6e3563a70c5d9bdde17eb7ad2bc594a593f.tar.bz2 misskey-ee62f6e3563a70c5d9bdde17eb7ad2bc594a593f.zip | |
wip
Diffstat (limited to 'src/client/app/mobile/views/components/notes.vue')
| -rw-r--r-- | src/client/app/mobile/views/components/notes.vue | 23 |
1 files changed, 17 insertions, 6 deletions
diff --git a/src/client/app/mobile/views/components/notes.vue b/src/client/app/mobile/views/components/notes.vue index 703b51d678..ecd9c8cf2b 100644 --- a/src/client/app/mobile/views/components/notes.vue +++ b/src/client/app/mobile/views/components/notes.vue @@ -199,10 +199,13 @@ export default Vue.extend({ <style lang="stylus" scoped> @import '~const.styl' -.mk-notes - background #fff +root(isDark) + background isDark ? #282C37 : #fff border-radius 8px - box-shadow 0 0 0 1px rgba(0, 0, 0, 0.2) + box-shadow 0 0 2px rgba(0, 0, 0, 0.1) + + @media (min-width 500px) + box-shadow 0 8px 32px rgba(0, 0, 0, 0.1) .transition .mk-notes-enter @@ -260,8 +263,8 @@ export default Vue.extend({ > footer text-align center border-top solid 1px #eaeaea - border-bottom-left-radius 4px - border-bottom-right-radius 4px + border-bottom-left-radius 8px + border-bottom-right-radius 8px &:empty display none @@ -270,10 +273,18 @@ export default Vue.extend({ margin 0 padding 16px width 100% - color $theme-color border-radius 0 0 8px 8px + @media (min-width 500px) + padding 20px + &:disabled opacity 0.7 +.mk-notes[data-darkmode] + root(true) + +.mk-notes:not([data-darkmode]) + root(false) + </style> |