gil/web-temp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix. [디자인 QA] 네비게이션 인디케이터 배경에 시인성 보장을 위한 backdrop-filter: blur(30px) 적용

Browse Source
This commit is contained in:
clkim
2025-11-24 13:19:56 +09:00
parent 42960cde5c
commit 928ce3f13a
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
layers/components/blocks/slide/Thumbnail.vue
View File

@@ -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,