style: replace legacy typography classes with modern utilities
Convert all legacy font-size-*, font-weight-*, and line-height-* CSS utility classes to modern inline utility formats (text-[Xpx], font-{weight}, leading-[Xpx]). Also remove unused GoodsInfo component SCSS file, its associated image asset, and clean up the stale style import in GoodsInfo.vue.
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
<div class="facility-location-card__badge color-2563EB bg-EFF6FF text-[12px] font-900">
|
||||
{{ type.text }}
|
||||
</div>
|
||||
<div class="facility-location-card__title color-1E293B font-size-18 font-900 ellipsis-1">
|
||||
<div class="facility-location-card__title color-1E293B text-[18px] font-900 ellipsis-1">
|
||||
{{ data.title }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -18,17 +18,17 @@
|
||||
</div>
|
||||
|
||||
<div class="facility-location-card__location bg-F8FAFC rounded-20">
|
||||
<div class="facility-location-card__location-label flex flex-items-center color-64748B font-size-13 font-900">
|
||||
<div class="facility-location-card__location-label flex flex-items-center color-64748B text-[13px] font-900">
|
||||
<span class="facility-location-card__location-dot">{{ location.icon }}</span>
|
||||
<span>{{ location.label }}</span>
|
||||
</div>
|
||||
<div class="facility-location-card__location-text color-1E293B font-size-16 font-900">
|
||||
<div class="facility-location-card__location-text color-1E293B text-[16px] font-900">
|
||||
{{ location.text }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A text-white font-size-18 font-900"
|
||||
class="facility-location-card__button flex flex-items-center flex-justify-center bg-0F172A text-white text-[18px] font-900"
|
||||
:class="{ 'is-disabled': disabled }" @click="handleAction">
|
||||
<span class="facility-location-card__button-icon">{{ action.icon }}</span>
|
||||
<span>{{ action.text }}</span>
|
||||
|
||||
Reference in New Issue
Block a user