refactor: migrate legacy color classes to inline tailwind text utilities
Replace all usages of legacy `.color-*` and `.text-color-*` SCSS utility classes with inline Tailwind `text-[#hexcode]` arbitrary value classes. Remove the deprecated `src/static/scss/colors.scss` file, and fix minor formatting/indentation issues across multiple component files.
This commit is contained in:
@@ -7,16 +7,16 @@
|
||||
:class="{ 'is-disabled': disabled }" @click="handleSelect(item)">
|
||||
<image class="recommendation-list-card__image block w-full" :src="item.image" mode="aspectFill" />
|
||||
<view class="recommendation-list-card__body p-[16px]">
|
||||
<view class="recommendation-list-card__name color-1E293B font-size-18 font-900 ellipsis-1">
|
||||
<view class="recommendation-list-card__name text-[#1e293b] font-size-18 font-900 ellipsis-1">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
<view
|
||||
class="recommendation-list-card__distance flex flex-items-center gap-[4px] mt-4 color-94A3B8 font-size-12 font-800">
|
||||
class="recommendation-list-card__distance flex flex-items-center gap-[4px] mt-4 text-[#94a3b8] font-size-12 font-800">
|
||||
<text class="recommendation-list-card__pin">⌖</text>
|
||||
<text>{{ item.distance }}</text>
|
||||
</view>
|
||||
<view
|
||||
class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-12 color-334155 font-size-12 font-900"
|
||||
class="recommendation-list-card__button flex flex-items-center flex-justify-center mt-12 text-[#334155] font-size-12 font-900"
|
||||
@click.stop="handleSelect(item)">
|
||||
{{ getActionText(item) }}
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user