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

fix. sns 버튼 동작 수정

Browse Source
This commit is contained in:
clkim
2025-11-05 15:05:09 +09:00
parent 49442f7760
commit 6b1b9885a0
3 changed files with 22 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -62,6 +62,20 @@ const thumbOptions = computed<Options>(() => ({
prev: 'arrow-prev',
next: 'arrow-next',
},
breakpoints: {
[BREAKPOINTS.md - 1]: {
padding: {
left: 40,
right: 40,
},
},
[BREAKPOINTS.sm - 1]: {
padding: {
left: 20,
right: 20,
},
},
},
}))
const getThumbnailSrc = (item: PageDataTemplateComponentSet) => {
@@ -205,10 +219,7 @@ onBeforeUnmount(() => {
@apply flex flex-col items-center;
}
.thumbnail-carousel.thumbnail-media .thumbnail-splide {
@apply w-screen mt-[20px] mx-[-20px] sm:mx-[-40px] md:w-auto md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[112px];
}
.thumbnail-carousel.thumbnail-media .thumbnail-splide:deep(.splide__track) {
@apply !px-[20px] sm:!px-[40px] md:!px-[0];
@apply max-w-[calc(100%+40px)] mt-[20px] mx-[-20px] sm:max-w-[calc(100%+80px)] sm:mx-[-40px] md:max-w-[100%] md:mt-[28px] md:mx-auto md:px-[112px];
}
.thumbnail-carousel.thumbnail-media:deep(.arrow-prev) {
@apply left-[48px];