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

fix. [PWT-145, PWT-146] 텍스트 말줄임표 제거

Browse Source
This commit is contained in:
clkim
2025-12-02 12:29:52 +09:00
parent 7dcd02ab6e
commit 83d1010079
5 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
layers/assets/css/components/_layout.css
View File

@@ -27,18 +27,18 @@
/* 표준형 Title Classes */
.title-xlg {
@apply line-clamp-4 text-[24px] font-[700] tracking-[-0.82px] leading-[34px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.5px] md:line-clamp-3 md:text-[50px] md:leading-[70px];
@apply text-[24px] font-[700] tracking-[-0.82px] leading-[34px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.5px] md:text-[50px] md:leading-[70px];
}
.title-lg {
@apply line-clamp-4 text-[20px] font-[700] tracking-[-0.6px] leading-[30px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.26px] md:line-clamp-3 md:text-[42px] md:leading-[56px];
@apply text-[20px] font-[700] tracking-[-0.6px] leading-[30px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-1.26px] md:text-[42px] md:leading-[56px];
}
.title-md {
@apply line-clamp-2 text-[16px] font-[500] tracking-[-0.48px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.72px] md:line-clamp-1 md:text-[24px] md:leading-[34px];
@apply text-[16px] font-[500] tracking-[-0.48px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.72px] md:text-[24px] md:leading-[34px];
}
.title-sm {
@apply line-clamp-4 text-[15px] font-[500] leading-[24px] tracking-[-0.45px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:line-clamp-3 md:text-[20px] md:leading-[30px];
@apply text-[15px] font-[500] leading-[24px] tracking-[-0.45px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:text-[20px] md:leading-[30px];
}
.title-xs {
@apply line-clamp-1 text-[14px] font-[500] leading-[20px] tracking-[-0.42px] md:text-[18px] md:leading-[26px] md:tracking-[-0.54px];
@apply text-[14px] font-[500] leading-[20px] tracking-[-0.42px] md:text-[18px] md:leading-[26px] md:tracking-[-0.54px];
}
}

2
layers/components/widgets/Description.vue
View File

@@ -14,6 +14,6 @@ const props = defineProps<{
<style scoped>
.description {
@apply line-clamp-4 text-[15px] font-[400] tracking-[-0.45px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:line-clamp-3 md:text-[20px] md:leading-[30px];
@apply text-[15px] font-[400] tracking-[-0.45px] leading-[24px] drop-shadow-[0_2px_2px_rgba(0,0,0,0.6)] md:tracking-[-0.6px] md:text-[20px] md:leading-[30px];
}
</style>

2
layers/components/widgets/FixMainTitle.vue
View File

@@ -22,7 +22,7 @@ const imageSrc = computed(() => {
class="flex justify-center items-center w-full max-w-full md:justify-start md:max-w-[1300px]"
>
<span
class="flex justify-center items-center text-white text-[20px] font-bold tracking-[-0.6px] leading-[30px] md:text-[32px] md:leading-[44px] md:tracking-[-0.96px]"
class="text-white text-[20px] font-bold tracking-[-0.6px] leading-[30px] md:text-[32px] md:leading-[44px] md:tracking-[-0.96px] line-clamp-2 text-center md:text-left"
>
{{ props.title }}
</span>

6
layers/components/widgets/FixSubTitle.vue
View File

@@ -41,13 +41,13 @@ const componentProps = computed(() => {
</script>
<template>
<div class="flex justify-between mb-[16px] md:mb-[24px]">
<div class="flex justify-between gap-3 mb-[16px] md:gap-6 md:mb-[24px]">
<h3
class="text-[#1F1F1F] text-[18px] font-bold leading-[26px] tracking-[-0.54px] md:text-[24px] md:leading-[34px] md:tracking-[-0.72px] shrink-0"
class="text-[#1F1F1F] text-[18px] font-bold leading-[26px] tracking-[-0.54px] md:text-[24px] md:leading-[34px] md:tracking-[-0.72px]"
>
<span>{{ props.title }}</span>
</h3>
<div class="flex items-center justify-between">
<div class="flex items-center justify-between shrink-0">
<slot />
<p
v-if="props.description && !props.link"

2
layers/templates/FxCoupon01/index.vue
View File

@@ -547,7 +547,7 @@ onMounted(async () => {
class="flex-col"
>
<div
class="relative flex flex-col items-start justify-start gap-[12px] w-full mt-[16px] md:gap-[16px] md:mt-[24px] lg:flex-row lg:items-end lg:justify-between lg:gap-[0]"
class="relative flex flex-col items-start justify-start gap-[12px] w-full mt-[4px] md:gap-[16px] md:mt-[0] lg:flex-row lg:items-end lg:justify-between lg:gap-[0]"
>
<div
class="relative flex items-center justify-start gap-[20px] w-full lg:w-auto lg:mr-auto"