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:
@@ -1,14 +1,14 @@
|
||||
<template>
|
||||
<div class="notice-card w-full">
|
||||
<div v-if="!detailOpen" class="notice-card__summary bg-FFFBEB rounded-[24px] w-full">
|
||||
<div v-if="!detailOpen" class="notice-card__summary bg-[#FFFBEB] rounded-[24px] w-full">
|
||||
<div class="notice-card__summary-title color-B45309 text-[16px] font-bold">
|
||||
{{ summary.title }}
|
||||
</div>
|
||||
<div class="notice-card__summary-content color-D97706 text-[14px] font-bold">
|
||||
<div class="notice-card__summary-content text-[#D97706] text-[14px] font-bold">
|
||||
{{ summary.content }}
|
||||
</div>
|
||||
<div class="notice-card__summary-footer flex items-center justify-between">
|
||||
<div class="notice-card__summary-time color-D97706 text-[12px] font-bold">
|
||||
<div class="notice-card__summary-time text-[#D97706] text-[12px] font-bold">
|
||||
{{ summary.publishTime }}
|
||||
</div>
|
||||
<div class="notice-card__summary-link color-B45309 text-[14px] font-bold" :class="{ 'is-disabled': disabled }"
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
<div v-else class="notice-card__detail bg-white rounded-[24px] overflow-hidden w-full">
|
||||
<div class="notice-card__detail-head flex items-center">
|
||||
<div class="notice-card__back flex items-center justify-center rounded-full flex-shrink-0" @click="closeDetail">
|
||||
<div class="notice-card__back flex items-center justify-center rounded-full shrink-0" @click="closeDetail">
|
||||
<uni-icons type="left" size="16" color="#CBD5E1"></uni-icons>
|
||||
</div>
|
||||
<div class="notice-card__head-title text-[#1e293b] text-[18px] font-bold">
|
||||
|
||||
Reference in New Issue
Block a user