fix. 디자인 가이드 수정

This commit is contained in:
clkim
2025-10-20 17:24:02 +09:00
parent baf3a47f78
commit 9144a6ffd7
6 changed files with 14 additions and 13 deletions

View File

@@ -63,7 +63,7 @@ onMounted(() => {
<WidgetsSubTitle
v-if="hasComponentGroup(item, 'subTitle')"
:resources-data="getComponentGroup(item, 'subTitle')"
class="title-sm mt-0.5 md:mt-1"
class="title-sm mt-0.5 line-clamp-3 md:mt-1 md:line-clamp-2"
/>
<WidgetsDescription
v-if="hasComponentGroup(item, 'description')"
@@ -91,7 +91,7 @@ onMounted(() => {
>
<span class="item-bullet"></span>
<span class="item-title">
{{ getComponentGroup(item, 'naviTitle')?.display?.text || '' }}
{{ getComponentGroup(item, 'pagenaviTitle')?.display?.text || '' }}
</span>
</button>
<div v-if="index !== slideData.length - 1" class="progress-bar">

View File

@@ -31,7 +31,7 @@ const slideData = computed(() => {
<WidgetsSubTitle
v-if="hasComponentGroup(item, 'subTitle')"
:resources-data="getComponentGroup(item, 'subTitle')"
class="title-sm mt-0.5 md:mt-1"
class="title-sm mt-0.5 line-clamp-3 md:mt-1 md:line-clamp-2"
/>
<WidgetsDescription
v-if="hasComponentGroup(item, 'description')"

View File

@@ -23,7 +23,7 @@ const mainTitleData = computed(() =>
const slideData = computed(() => {
return ensureMinimumSlideData(props.components)
})
const subTitleData = ref(getComponentGroup(slideData?.value[0], 'imgTitle'))
const imgTitleData = ref(getComponentGroup(slideData?.value[0], 'imgTitle'))
const descriptionData = ref(
getComponentGroup(slideData?.value[0], 'description')
)
@@ -50,7 +50,7 @@ const handleChange = (
_oldIndex: number,
_destIndex: number
) => {
subTitleData.value = getComponentGroup(slideData.value[newIndex], 'imgTitle')
imgTitleData.value = getComponentGroup(slideData.value[newIndex], 'imgTitle')
descriptionData.value = getComponentGroup(
slideData.value[newIndex],
'description'
@@ -90,9 +90,9 @@ const handleChange = (
</SplideSlide>
</BlocksSlideCenterHighlight>
<WidgetsSubTitle
v-if="subTitleData"
:resources-data="subTitleData"
class="title-md mt-[32px]"
v-if="imgTitleData"
:resources-data="imgTitleData"
class="title-md mt-[32px] line-clamp-2 md:line-clamp-1"
/>
<WidgetsDescription
v-if="descriptionData"