From 42960cde5cb89d312761145974344cce949a8a90 Mon Sep 17 00:00:00 2001 From: clkim Date: Mon, 24 Nov 2025 13:14:49 +0900 Subject: [PATCH] =?UTF-8?q?fix.=20[=EB=94=94=EC=9E=90=EC=9D=B8=20QA]=20?= =?UTF-8?q?=EB=84=A4=EB=B9=84=EA=B2=8C=EC=9D=B4=EC=85=98=20=EC=9D=B8?= =?UTF-8?q?=EB=94=94=EC=BC=80=EC=9D=B4=ED=84=B0=EC=97=90=20=ED=98=B8?= =?UTF-8?q?=EB=B2=84=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20?= =?UTF-8?q?=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layers/assets/css/components/_splide.css | 2 +- layers/components/blocks/slide/Thumbnail.vue | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/layers/assets/css/components/_splide.css b/layers/assets/css/components/_splide.css index 61111f7..8aae5ef 100644 --- a/layers/assets/css/components/_splide.css +++ b/layers/assets/css/components/_splide.css @@ -9,7 +9,7 @@ } .splide-pagination-bullet { - @apply relative w-2 h-2 rounded-full opacity-100 md:w-3 md:h-3 transition-all duration-300 ease-in-out; + @apply relative w-2 h-2 rounded-full opacity-100 md:w-3 md:h-3 transition-all duration-200 ease-in-out; background-color: var(--pagination-disabled); } diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue index d35e8e1..c423d5a 100644 --- a/layers/components/blocks/slide/Thumbnail.vue +++ b/layers/components/blocks/slide/Thumbnail.vue @@ -185,8 +185,8 @@ onBeforeUnmount(() => { @apply md:w-[calc(100%-16px)]; } .thumbnail-slide { - @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] - after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:border after:rounded-[4px]; + @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] transition-opacity duration-200 ease-in-out + after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:border after:rounded-[4px] after:transition-all after:duration-200 after:ease-in-out; } .thumbnail-slide:hover, .thumbnail-slide.is-active {