style: standardize tailwind classes and cleanup legacy styles
Replace `flex-shrink-0` with `shrink-0` across components for consistency Migrate legacy color utility classes to inline hex Tailwind classes Replace background color utility classes with inline hex equivalents Delete unused SCSS style files for ScenicImageCard and RoutePlanCard Refactor RoutePlanCard to use inline Tailwind styles instead of external CSS Update icon component usage in RoutePlanCard to match project standards
This commit is contained in:
@@ -12,13 +12,13 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="facility-location-card__distance flex items-center color-94A3B8 text-[14px] font-bold">
|
||||
<div class="facility-location-card__distance flex items-center text-[#94A3B8] text-[14px] font-bold">
|
||||
<span class="facility-location-card__distance-icon">{{ distance.icon }}</span>
|
||||
<span>{{ distance.text }}</span>
|
||||
</div>
|
||||
|
||||
<div class="facility-location-card__location bg-[#f8fafc] rounded-[20px]">
|
||||
<div class="facility-location-card__location-label flex items-center color-64748B text-[13px] font-bold">
|
||||
<div class="facility-location-card__location-label flex items-center text-[#64748B] text-[13px] font-bold">
|
||||
<span class="facility-location-card__location-dot">{{ location.icon }}</span>
|
||||
<span>{{ location.label }}</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user