Planspiele/PerfectMarketGame
Planspiele/PerfectMarketGame
1
0
Fork 0
Code Actions Packages

Added a new animation to the Dialog styles.sass

Browse Source
This commit is contained in:
Mathias Wagner 2023-11-21 09:29:41 +01:00
parent fd55556741
commit 7f39b9a687
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
client/src/pages/Home/components/Dialog/styles.sass
View File

@ -16,6 +16,7 @@
position: absolute position: absolute
z-index: 11 z-index: 11
padding: 0 0 1rem 0 padding: 0 0 1rem 0
animation: dialogFade 0.3s
.dialog-header .dialog-header
display: flex display: flex
@ -53,3 +54,26 @@
svg:nth-child(2) svg:nth-child(2)
color: $error color: $error
cursor: pointer cursor: pointer
.dialog-closed
opacity: 0
animation: dialogFadeOut 0.3s
display: none
@keyframes dialogFadeOut
from
transform: scale(1)
opacity: 1
display: block
to
transform: scale(0)
opacity: 0
display: none
@keyframes dialogFade
from
transform: scale(0)
opacity: 0
to
transform: scale(1)
opacity: 1