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

fix. 슬라이드 arrow위치 수정

Browse Source
This commit is contained in:
clkim
2026-01-06 17:40:32 +09:00
parent 12e6135c02
commit 5291133cd6
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,8 +22,7 @@
@apply hidden md:block; @apply hidden md:block;
} }
.splide__arrows .splide-arrow.btn-circle { .splide__arrows .splide-arrow.btn-circle {
@apply absolute top-1/2 w-[40px] h-[40px] bg-cover bg-center bg-no-repeat -translate-y-1/2 cursor-pointer z-[5] @apply absolute top-1/2 bg-cover bg-center bg-no-repeat -translate-y-1/2 cursor-pointer z-[5];
md:w-[48px] md:h-[48px];
} }
.splide__arrow--prev { .splide__arrow--prev {
@apply bg-[image:var(--arrow-prev)]; @apply bg-[image:var(--arrow-prev)];

6
layers/components/widgets/slide/Fade.vue
View File

@@ -92,7 +92,11 @@ defineExpose({
<SplideTrack> <SplideTrack>
<slot /> <slot />
</SplideTrack> </SplideTrack>
<BlocksSlideArrows v-if="props.arrows" :arrows-data="props.arrowsData" /> <BlocksSlideArrows
v-if="props.arrows"
:arrows-data="props.arrowsData"
class="type-full"
/>
</Splide> </Splide>
</template> </template>