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

fix. [디자인 QA] 네비게이션 인디케이터에 호버 애니메이션 적용

Browse Source
This commit is contained in:
clkim
2025-11-24 13:14:49 +09:00
parent d119ac5da0
commit 42960cde5c
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layers/assets/css/components/_splide.css
View File

@@ -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);
}

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

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