diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-09-04 11:34:36 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-09-04 11:34:36 +0900 |
| commit | f42665d4bc65d9a0a5f58d0a62b384b3e670c2f6 (patch) | |
| tree | 7bcb2f32b8f776fe9158b0d733d69c78ad440750 /src | |
| parent | Support darkmode (diff) | |
| download | sharkey-f42665d4bc65d9a0a5f58d0a62b384b3e670c2f6.tar.gz sharkey-f42665d4bc65d9a0a5f58d0a62b384b3e670c2f6.tar.bz2 sharkey-f42665d4bc65d9a0a5f58d0a62b384b3e670c2f6.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/mobile/views/components/notify.vue | 25 |
1 files changed, 18 insertions, 7 deletions
diff --git a/src/client/app/mobile/views/components/notify.vue b/src/client/app/mobile/views/components/notify.vue index 6d4a481dbe..1b93ab87a1 100644 --- a/src/client/app/mobile/views/components/notify.vue +++ b/src/client/app/mobile/views/components/notify.vue @@ -1,6 +1,8 @@ <template> <div class="mk-notify"> - <mk-notification-preview :notification="notification"/> + <div> + <mk-notification-preview :notification="notification"/> + </div> </div> </template> @@ -22,7 +24,7 @@ export default Vue.extend({ setTimeout(() => { anime({ targets: this.$el, - bottom: '-64px', + bottom: '-72px', duration: 500, easing: 'easeOutQuad', complete: () => this.$destroy() @@ -37,13 +39,22 @@ export default Vue.extend({ .mk-notify position fixed z-index 1024 - bottom -64px + bottom -72px left 0 + right 0 width 100% - height 64px + max-width 500px + height 72px + margin 0 auto + padding 8px pointer-events none - -webkit-backdrop-filter blur(2px) - backdrop-filter blur(2px) - background-color rgba(#000, 0.5) + font-size 80% + + > div + height 100% + -webkit-backdrop-filter blur(2px) + backdrop-filter blur(2px) + background-color rgba(#000, 0.5) + border-radius 6px </style> |