From 24ff4ca629bbc494fa44551cc2bc67d345eb54ef Mon Sep 17 00:00:00 2001 From: clkim Date: Wed, 26 Nov 2025 14:49:59 +0900 Subject: [PATCH] =?UTF-8?q?fix.=20[=EB=94=94=EC=9E=90=EC=9D=B8=20QA]=20GR?= =?UTF-8?q?=5FDETAIL=5F01=20=EC=9D=B8=EB=94=94=EA=B2=8C=EC=9D=B4=ED=84=B0?= =?UTF-8?q?=20hover=20=ED=9A=A8=EA=B3=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layers/templates/GrDetail01/index.vue | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/layers/templates/GrDetail01/index.vue b/layers/templates/GrDetail01/index.vue index a20f063..f15dd24 100644 --- a/layers/templates/GrDetail01/index.vue +++ b/layers/templates/GrDetail01/index.vue @@ -124,11 +124,11 @@ const handleSplideMove = (_splide: SplideType, newIndex: number) => { @apply flex items-center; } .item-bullet { - @apply block w-3 h-3 rounded-full transition-all duration-300; + @apply block w-3 h-3 rounded-full transition-[background] duration-300 ease-in-out; background-color: var(--pagination-disabled); } .item-title { - @apply hidden absolute -bottom-[46px] left-1/2 -translate-x-1/2 whitespace-nowrap text-sm font-medium md:block; + @apply hidden absolute -bottom-[46px] left-1/2 -translate-x-1/2 whitespace-nowrap text-sm font-medium transition-[color] duration-300 ease-in-out md:block; color: var(--pagination-disabled); } .progress-bar { @@ -141,9 +141,11 @@ const handleSplideMove = (_splide: SplideType, newIndex: number) => { } /* 활성화 상태 (현재 슬라이드) */ +.btn-pagination:hover .item-bullet, .is-active .item-bullet { background-color: var(--pagination-active); } +.btn-pagination:hover .item-title, .is-active .item-title { color: var(--pagination-active); }