diff --git a/src/components/sidebar/SidebarWrapper/styles.module.scss b/src/components/sidebar/SidebarWrapper/styles.module.scss index 5bcb755c..9f1c8981 100644 --- a/src/components/sidebar/SidebarWrapper/styles.module.scss +++ b/src/components/sidebar/SidebarWrapper/styles.module.scss @@ -1,15 +1,10 @@ @import 'src/styles/variables'; -@keyframes appear { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} - @keyframes slideIn { + 0% { + transform: translate(50%, 0); + } + 100% { transform: translate(0, 0); } @@ -23,7 +18,7 @@ z-index: 26; justify-content: flex-end; overflow: hidden; - // animation: appear 0.25s forwards; + animation: slideIn 0.5s forwards; & > * { z-index: 4;