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

fix. 썸네일 모바일 미노출 수정

Browse Source
This commit is contained in:
clkim
2025-12-04 17:04:05 +09:00
parent 71991d80b9
commit cb28973ee1
2 changed files with 6 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -204,13 +204,10 @@ onBeforeUnmount(() => {
.thumbnail-slide.is-active::after {
@apply border-[var(--pagination-active)];
}
.thumbnail-slide:hover img,
.thumbnail-slide:hover picture,
.thumbnail-slide.is-active img,
.thumbnail-slide.is-active picture {
@apply opacity-100;
}
.thumbnail-slide img,
.thumbnail-slide picture {
@apply opacity-50 transition-opacity duration-200 ease-in-out;
}
@@ -234,11 +231,11 @@ onBeforeUnmount(() => {
@apply aspect-[1/1] w-[8px] md:w-[80px] backdrop-blur-[15px]
after:hidden md:after:block;
}
.thumbnail-carousel.thumbnail-default .thumbnail-slide:hover img,
.thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active img {
.thumbnail-carousel.thumbnail-default .thumbnail-slide:hover picture,
.thumbnail-carousel.thumbnail-default .thumbnail-slide.is-active picture {
@apply md:grayscale-0;
}
.thumbnail-carousel.thumbnail-default .thumbnail-slide img {
.thumbnail-carousel.thumbnail-default .thumbnail-slide picture {
@apply hidden md:block md:grayscale;
}