Created the DialogContext style

This commit is contained in:
2023-01-01 04:22:06 +01:00
parent 22dab4d2f4
commit a4fbd35b8e

View File

@ -0,0 +1,46 @@
@import "@/common/styles/colors"
.dialog-area
position: fixed
top: 0
bottom: 0
left: 0
right: 0
background-color: rgba(0, 0, 0, 0.6)
display: flex
align-items: center
justify-content: center
z-index: 5
backdrop-filter: blur(2px)
.dialog
background-color: $white
border-radius: 15px
transition: all 0.3s
animation: fadeIn 0.3s
padding: 15px
display: flex
flex-direction: column
gap: 1rem
z-index: 100
.dialog-hidden
visibility: hidden
opacity: 0
animation: fadeOut 0.3s
@keyframes fadeIn
0%
opacity: 0
transform: scale(0.4)
filter: blur(10px)
100%
opacity: 1
@keyframes fadeOut
0%
opacity: 1
100%
opacity: 0
transform: scale(0.4)
filter: blur(10px)