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-25 19:59:05 +09:00
parent 436d30c3cb
commit 53ca3b7762
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layers/components/blocks/slide/CenterFocus.vue
View File

@@ -131,6 +131,7 @@ const handleMove = (
width: var(--banner-width-mo);
height: var(--banner-height-mo);
opacity: 0.5;
transition: all 0.6s ease-out;
}
.center-focus:deep(.splide__slide.is-active) {
width: var(--banner-width-mo-container);
@@ -140,7 +141,6 @@ const handleMove = (
width: var(--banner-width-mo-active);
height: var(--banner-height-mo-active);
opacity: 1;
transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.center-focus:deep(.splide__slide.is-next),
.center-focus:deep(.splide__slide.is-prev) {

2
layers/components/blocks/slide/CenterHighlight.vue
View File

@@ -131,6 +131,7 @@ const handleMove = (
.center-highlight:deep(.splide__slide) .slide-inner {
width: var(--banner-width-mo);
height: var(--banner-height-mo);
transition: all 0.6s ease-out;
}
.center-highlight:deep(.splide__slide.is-active) {
width: var(--banner-width-mo-container);
@@ -138,7 +139,6 @@ const handleMove = (
.center-highlight:deep(.splide__slide.is-active) .slide-inner {
width: var(--banner-width-mo-active);
height: var(--banner-height-mo-active);
transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
/* PC 스타일 */

4
layers/templates/GrGallery02/index.vue
View File

@@ -101,8 +101,8 @@ const onArrowClick = (direction, targetIndex) => {
<style scoped>
.section-standard {
@apply before:hidden md:before:block before:content-[''] before:absolute before:top-0 before:left-0 before:w-[104px] before:h-full before:bg-gradient-to-l from-transparent to-[rgba(0,0,0,0.7)] before:z-[5]
after:hidden md:after:block after:content-[''] after:absolute after:top-0 after:right-0 after:w-[104px] after:h-full after:bg-gradient-to-r from-transparent to-[rgba(0,0,0,0.7)];
@apply before:hidden md:before:block before:content-[''] before:absolute before:top-0 before:left-0 before:w-[104px] before:h-full before:bg-gradient-to-l before:from-transparent before:to-[rgba(0,0,0,0.7)] before:z-[5]
after:hidden md:after:block after:content-[''] after:absolute after:top-0 after:right-0 after:w-[104px] after:h-full after:bg-gradient-to-r after:from-transparent after:to-[rgba(0,0,0,0.7)];
}
.slide-inner {
@apply bg-black;