style: replace ellipsis-1 with truncate
update all single-line text truncation usages across components from the custom ellipsis-1 class to Tailwind's native truncate utility for consistent styling
This commit is contained in:
@@ -10,10 +10,10 @@
|
||||
</div>
|
||||
|
||||
<div v-if="hasCaption" class="scenic-image-card__caption">
|
||||
<div v-if="caption.title" class="scenic-image-card__title text-white text-[18px] font-900 ellipsis-1">
|
||||
<div v-if="caption.title" class="scenic-image-card__title text-white text-[18px] font-900 truncate">
|
||||
{{ caption.title }}
|
||||
</div>
|
||||
<div v-if="caption.subtitle" class="scenic-image-card__subtitle text-white text-[14px] font-900 ellipsis-1">
|
||||
<div v-if="caption.subtitle" class="scenic-image-card__subtitle text-white text-[14px] font-900 truncate">
|
||||
{{ caption.subtitle }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user