nikan
/
jukebox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added dialog transition animation

pull/51/head
Nikan Dalvand 2019-08-03 22:59:43 +04:30
parent 47420f17ea
commit 44d161c389
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/Dialog.vue
View File

@ -22,13 +22,17 @@ export default {
</script> </script>
<style scoped lang="sass"> <style scoped lang="sass">
.dialog-wrapper.open .dialog-wrapper
z-index: 1400
position: absolute position: absolute
left: 0 left: 0
top: 0 top: 0
width: 100vw width: 100vw
height: 100vh height: 100vh
display: flex display: flex
opacity: 0
transition: opacity 150ms
pointer-events: none
align-items: center align-items: center
justify-content: center justify-content: center
.overlay .overlay
@ -48,4 +52,8 @@ export default {
min-width: 250px min-width: 250px
z-index: 1400 z-index: 1400
box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12) box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12)
.dialog-wrapper.open
pointer-events: all
opacity: 1
</style> </style>