From 58cee6aba53ac2090bdcd056171e3ccfcda29c65 Mon Sep 17 00:00:00 2001 From: Geriano Date: Sat, 23 Jul 2022 15:37:30 +0700 Subject: [PATCH] fix transition and adding more responsive layout in mobile --- .../DashboardLayout/TopbarDropdown.vue | 16 +++++++++++----- resources/js/Layouts/DashboardLayout.vue | 8 +++++--- 2 files changed, 16 insertions(+), 8 deletions(-) diff --git a/resources/js/Components/DashboardLayout/TopbarDropdown.vue b/resources/js/Components/DashboardLayout/TopbarDropdown.vue index 6edd373..3525768 100644 --- a/resources/js/Components/DashboardLayout/TopbarDropdown.vue +++ b/resources/js/Components/DashboardLayout/TopbarDropdown.vue @@ -16,15 +16,21 @@ const logout = () => Inertia.post(route('logout')) } .slide-enter-from, .slide-leave-to { - right: -15rem; + right: -100vw; +} + +@media (min-width: 669px) { + .slide-enter-from, .slide-leave-to { + right: -15rem; + } }