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:
@@ -14,14 +14,14 @@
|
||||
</div>
|
||||
|
||||
<div class="poi-detail-card__tip flex flex-items-center gap-10">
|
||||
<div class="poi-detail-card__spark color-047857 font-size-18 font-900">✦</div>
|
||||
<div class="poi-detail-card__spark color-047857 text-[18px] font-900">✦</div>
|
||||
<div class="poi-detail-card__tip-text color-047857 text-[14px] font-800">
|
||||
{{ data.tip?.text }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-8 text-white bg-0F172A font-size-16 font-900"
|
||||
class="poi-detail-card__button flex flex-items-center flex-justify-center gap-8 text-white bg-0F172A text-[16px] font-900"
|
||||
:class="{ 'is-disabled': disabled }" @click="handleAction">
|
||||
<span class="poi-detail-card__button-icon">↗</span>
|
||||
<span>{{ data.action?.text }}</span>
|
||||
|
||||
Reference in New Issue
Block a user