fix: 样式修改
This commit is contained in:
@@ -49,7 +49,7 @@ const EmptyState = ({ message }: { message: string }) => (
|
||||
|
||||
// 价格显示组件
|
||||
const PriceDisplay = ({ plan }: { plan: ProcessedPlanData }) => (
|
||||
<div className='mb-4 sm:mb-8'>
|
||||
<div className='mb-2 sm:mb-4'>
|
||||
<div className='mb-1 flex items-baseline gap-2'>
|
||||
{plan.origin_price && (
|
||||
<span className='text-lg font-bold leading-[1.125em] text-[#666666] line-through sm:text-xl md:text-[24px]'>
|
||||
@@ -100,23 +100,26 @@ const FeatureList = ({ plan }: { plan: ProcessedPlanData }) => {
|
||||
];
|
||||
|
||||
return (
|
||||
<div className='mt-6 space-y-0 sm:mt-8'>
|
||||
<ul className='space-y-1'>
|
||||
<div className='mt-6 space-y-0 sm:mt-6'>
|
||||
<ul className='list-disc space-y-1'>
|
||||
{features.map((feature) => (
|
||||
<li key={feature.label} className='flex items-start justify-between py-1'>
|
||||
<span className='text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
|
||||
{feature.label}:
|
||||
</span>
|
||||
<span className='text-right text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
|
||||
{feature.value}
|
||||
</span>
|
||||
<li
|
||||
key={feature.label}
|
||||
className='py-1 text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'
|
||||
>
|
||||
<div className={'flex items-start justify-between'}>
|
||||
<span className=''>{feature.label}:</span>
|
||||
<span>{feature.value}</span>
|
||||
</div>
|
||||
</li>
|
||||
))}
|
||||
<li className='flex items-start justify-between py-1'>
|
||||
<span className='text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
|
||||
网络稳定指数:
|
||||
</span>
|
||||
<StarRating rating={plan.features?.stability || 4} />
|
||||
<li className='py-1'>
|
||||
<div className={'flex items-start justify-between'}>
|
||||
<span className='text-xs font-light leading-[1.8461538461538463em] text-black sm:text-[13px]'>
|
||||
网络稳定指数:
|
||||
</span>
|
||||
<StarRating rating={plan.features?.stability || 4} />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user