fix: [디자인QA] 이벤트 네비게이션 접기 버튼 방향 수정
This commit is contained in:
@@ -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;
|
@apply block mt-2 text-center text-[#ebebeb] text-[14px] font-normal leading-[20px] tracking-[-0.42px] opacity-50;
|
||||||
}
|
}
|
||||||
.btn-control {
|
.btn-control {
|
||||||
@apply absolute top-3 right-[-40px]
|
@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
|
||||||
bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px]
|
|
||||||
sm:top-5 md:top-6 md:right-[-48px];
|
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)];
|
@apply translate-x-[calc(-100%+20px)] sm:translate-x-[calc(-100%+40px)];
|
||||||
}
|
}
|
||||||
.event-navigation.is-closed .btn-control {
|
.event-navigation.is-closed .btn-control {
|
||||||
@apply rotate-180;
|
@apply rotate-0;
|
||||||
}
|
}
|
||||||
.event-navigation.is-closed .navigation-list {
|
.event-navigation.is-closed .navigation-list {
|
||||||
@apply pointer-events-none opacity-0;
|
@apply pointer-events-none opacity-0;
|
||||||
|
|||||||
Reference in New Issue
Block a user