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 { .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); 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)]; @apply md:w-[calc(100%-16px)];
} }
.thumbnail-slide { .thumbnail-slide {
@apply overflow-hidden relative mr-[12px] !border-none rounded-[4px] bg-[var(--pagination-disabled)] md:mr-[16px] @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: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:hover,
.thumbnail-slide.is-active { .thumbnail-slide.is-active {