diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-09-04 19:19:51 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-09-04 19:19:51 +0900 |
| commit | d279f8e9ffa5f192e205fa3b96933155f1cd180a (patch) | |
| tree | 13665b6d8cc5663a1ce3296e48da55ac1d337278 /src | |
| parent | Fix remote follow (#2606) (diff) | |
| download | misskey-d279f8e9ffa5f192e205fa3b96933155f1cd180a.tar.gz misskey-d279f8e9ffa5f192e205fa3b96933155f1cd180a.tar.bz2 misskey-d279f8e9ffa5f192e205fa3b96933155f1cd180a.zip | |
:art:
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/mobile/views/components/notify.vue | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/client/app/mobile/views/components/notify.vue b/src/client/app/mobile/views/components/notify.vue index 1b93ab87a1..4d9b7c0f6b 100644 --- a/src/client/app/mobile/views/components/notify.vue +++ b/src/client/app/mobile/views/components/notify.vue @@ -24,7 +24,7 @@ export default Vue.extend({ setTimeout(() => { anime({ targets: this.$el, - bottom: '-72px', + bottom: `-${this.$el.offsetHeight}px`, duration: 500, easing: 'easeOutQuad', complete: () => this.$destroy() @@ -37,14 +37,16 @@ export default Vue.extend({ <style lang="stylus" scoped> .mk-notify + $height = 78px + position fixed z-index 1024 - bottom -72px + bottom -($height) left 0 right 0 width 100% max-width 500px - height 72px + height $height margin 0 auto padding 8px pointer-events none @@ -55,6 +57,7 @@ export default Vue.extend({ -webkit-backdrop-filter blur(2px) backdrop-filter blur(2px) background-color rgba(#000, 0.5) - border-radius 6px + border-radius 7px + overflow hidden </style> |