From 928ce3f13a4c4e20c1423cb79e973b12d6477fc7 Mon Sep 17 00:00:00 2001 From: clkim Date: Mon, 24 Nov 2025 13:19:56 +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=20=EB=B0=B0=EA=B2=BD?= =?UTF-8?q?=EC=97=90=20=EC=8B=9C=EC=9D=B8=EC=84=B1=20=EB=B3=B4=EC=9E=A5?= =?UTF-8?q?=EC=9D=84=20=EC=9C=84=ED=95=9C=20backdrop-filter:=20blur(30px)?= =?UTF-8?q?=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layers/components/blocks/slide/Thumbnail.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/layers/components/blocks/slide/Thumbnail.vue b/layers/components/blocks/slide/Thumbnail.vue index c423d5a..61bb934 100644 --- a/layers/components/blocks/slide/Thumbnail.vue +++ b/layers/components/blocks/slide/Thumbnail.vue @@ -185,7 +185,7 @@ 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] transition-opacity duration-200 ease-in-out + @apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] transition-all 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, @@ -216,7 +216,7 @@ onBeforeUnmount(() => { @apply right-0; } .thumbnail-carousel.thumbnail-default .thumbnail-slide { - @apply aspect-[1/1] w-[8px] md:w-[80px] + @apply aspect-[1/1] w-[8px] md:w-[80px] backdrop-blur-[30px] after:hidden md:after:block; } .thumbnail-carousel.thumbnail-default .thumbnail-slide:hover img,