limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-14 14:07:38 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨

Browse source
This commit is contained in:
syuilo 2018-09-04 11:34:36 +09:00
parent 5d45c234e5
commit 0dececbc5b
1 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/client/app/mobile/views/components/notify.vue
View file

@ -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>