fix. 디자인 QA_letter-spacing 적용

This commit is contained in:
clkim
2025-11-19 17:02:41 +09:00
parent 5e67008511
commit ac7a63e5be
3 changed files with 6 additions and 6 deletions

View File

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

View File

@@ -41,13 +41,13 @@ const componentProps = computed(() => {
</script>
<template>
<div class="flex flex-wrap items-end justify-between mb-[16px] md:mb-[24px]">
<div class="flex items-end justify-between mb-[16px] 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"
>
<span>{{ props.title }}</span>
</h3>
<div class="flex items-center justify-between w-full">
<div class="flex items-center justify-between">
<slot />
<p
v-if="props.description && !props.link"