diff --git a/layers/components/layouts/EventNavigation.vue b/layers/components/layouts/EventNavigation.vue index 1578f0a..0ec6eed 100644 --- a/layers/components/layouts/EventNavigation.vue +++ b/layers/components/layouts/EventNavigation.vue @@ -107,8 +107,7 @@ onMounted(async () => { @apply block mt-2 text-center text-[#ebebeb] text-[14px] font-normal leading-[20px] tracking-[-0.42px] opacity-50; } .btn-control { - @apply absolute top-3 right-[-40px] - bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] + @apply absolute top-3 right-[-40px] bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] rotate-180 sm:top-5 md:top-6 md:right-[-48px]; } @@ -116,7 +115,7 @@ onMounted(async () => { @apply translate-x-[calc(-100%+20px)] sm:translate-x-[calc(-100%+40px)]; } .event-navigation.is-closed .btn-control { - @apply rotate-180; + @apply rotate-0; } .event-navigation.is-closed .navigation-list { @apply pointer-events-none opacity-0;