Mathias/PowerTools
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added transitions to the Content styles.sass

Browse Source
This commit is contained in:
Mathias Wagner 2023-06-02 17:04:56 +02:00
parent da91440034
commit aeedf51121
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/common/components/Content/styles.sass
View File

@ -4,6 +4,24 @@
overflow-y: scroll overflow-y: scroll
overflow-x: hidden overflow-x: hidden
.page-enter
opacity: 0
transform: scale(1.1)
.page-enter-active
opacity: 1
transform: scale(1)
transition: opacity 300ms, transform 300ms
.page-exit
opacity: 1
transform: scale(1)
.page-exit-active
opacity: 0
transform: scale(0.9)
transition: opacity 300ms, transform 300ms
@media screen and (max-width: 1024px) @media screen and (max-width: 1024px)
.content-wrapper .content-wrapper
padding: 2rem 22vw 0 2rem padding: 2rem 22vw 0 2rem