Added transitions to the Content styles.sass

2023-06-02 17:04:56 +02:00 · 2023-06-02 17:04:56 +02:00 · aeedf51121
commit aeedf51121
parent da91440034
1 changed files with 18 additions and 0 deletions
--- a/client/src/common/components/Content/styles.sass
+++ b/client/src/common/components/Content/styles.sass
@ -4,6 +4,24 @@
  overflow-y: scroll
  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)
  .content-wrapper
    padding: 2rem 22vw 0 2rem