Created the DialogContext style
This commit is contained in:
46
admin/src/common/contexts/Dialog/styles.sass
Normal file
46
admin/src/common/contexts/Dialog/styles.sass
Normal 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)
|
Reference in New Issue
Block a user