mirror of https://github.com/langgenius/dify.git
fix(billing): adjust padding and margin for pricing plan item components
This commit is contained in:
parent
07887fb24f
commit
865e3ee85b
|
|
@ -104,7 +104,7 @@ const CloudPlanItem: FC<CloudPlanItemProps> = ({
|
|||
</div>
|
||||
</div>
|
||||
{/* Price */}
|
||||
<div className='mb-8 mt-4 flex items-end gap-x-2'>
|
||||
<div className='flex items-end gap-x-2 px-1 pb-8 pt-4'>
|
||||
{isFreePlan && (
|
||||
<span className='title-4xl-semi-bold text-text-primary'>{t('billing.plansCommon.free')}</span>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ const Item = ({
|
|||
}: ItemProps) => {
|
||||
return (
|
||||
<div className='flex items-center'>
|
||||
<span className='system-sm-regular ml-2 mr-0.5 grow text-text-secondary'>{label}</span>
|
||||
<span className='system-sm-regular grow text-text-secondary'>{label}</span>
|
||||
{tooltip && (
|
||||
<Tooltip
|
||||
content={tooltip}
|
||||
|
|
|
|||
|
|
@ -89,7 +89,7 @@ const SelfHostedPlanItem: FC<SelfHostedPlanItemProps> = ({
|
|||
</div>
|
||||
</div>
|
||||
{/* Price */}
|
||||
<div className='mx-1 mb-8 mt-4 flex items-end gap-x-2'>
|
||||
<div className='flex items-end gap-x-2 px-1 pb-8 pt-4'>
|
||||
<div className='title-4xl-semi-bold shrink-0 text-text-primary'>{t(`${i18nPrefix}.price`)}</div>
|
||||
{!isFreePlan && (
|
||||
<span className='system-md-regular pb-0.5 text-text-tertiary'>
|
||||
|
|
|
|||
Loading…
Reference in New Issue