style: transition sidebar and topbar

2022-08-18 10:48:56 +07:00
parent 6db7e40180
commit fe6ac3fb75
2 changed files with 25 additions and 4 deletions
--- a/resources/js/Components/DashboardLayout/TopbarDropdown.vue
+++ b/resources/js/Components/DashboardLayout/TopbarDropdown.vue
@@ -23,15 +23,18 @@ const logout = async () => {
 <style scoped>
 .slide-enter-active, .slide-leave-active {
  transition: all 500ms ease-in-out;
+  opacity: 1;
 }

 .slide-enter-from, .slide-leave-to {
  right: -100vw;
+  opacity: 0;
 }

@media (min-width: 669px) {
  .slide-enter-from, .slide-leave-to {
-    right: -15rem;
+    right: -12rem;
+    opacity: 0;
  }
 }
 </style>