opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(billing): adjust z-index for noise effects in pricing plans and self-hosted plan items

This commit is contained in:
twwu 2025-08-18 20:40:45 +08:00
parent ae183b348c
commit fb6fe4a32b
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/components/billing/pricing/index.tsx
View File

@ -41,7 +41,7 @@ const Pricing: FC<PricingProps> = ({
onClick={e => e.stopPropagation()}
>
<div className='relative grid min-h-full min-w-[1200px] grid-rows-[1fr_auto_auto_1fr] overflow-hidden'>
<div className='absolute -top-12 left-0 right-0'>
<div className='absolute -top-12 left-0 right-0 -z-10'>
<NoiseTop />
</div>
<Header onClose={onCancel} />
@ -58,7 +58,7 @@ const Pricing: FC<PricingProps> = ({
canPay={canPay}
/>
<Footer pricingPageURL={pricingPageURL} />
<div className='absolute -bottom-12 left-0 right-0'>
<div className='absolute -bottom-12 left-0 right-0 -z-10'>
<NoiseBottom />
</div>
</div>

4
web/app/components/billing/pricing/plans/self-hosted-plan-item/index.tsx
View File

@ -22,7 +22,7 @@ const STYLE_MAP = {
icon: <Premium />,
bg: 'bg-billing-plan-card-premium-bg opacity-10',
noise: (
<div className='absolute -top-12 left-0 right-0'>
<div className='absolute -top-12 left-0 right-0 -z-10'>
<PremiumNoise />
</div>
),
@ -31,7 +31,7 @@ const STYLE_MAP = {
icon: <Enterprise />,
bg: 'bg-billing-plan-card-enterprise-bg opacity-10',
noise: (
<div className='absolute -top-12 left-0 right-0'>
<div className='absolute -top-12 left-0 right-0 -z-10'>
<EnterpriseNoise />
</div>
),

8
web/app/components/rag-pipeline/components/rag-pipeline-header/publisher/popup.tsx
View File

@ -255,10 +255,12 @@ const Popup = () => {
disabled={!publishedAt || isPublishingAsCustomizedPipeline}
>
<div className='flex grow items-center gap-x-2'>
<RiHammerLine className='h-4 w-4' />
{t('pipeline.common.publishAs')}
<RiHammerLine className='h-4 w-4 shrink-0' />
<span className='grow truncate text-left' title={t('pipeline.common.publishAs')}>
{t('pipeline.common.publishAs')}
</span>
{!isAllowPublishAsKnowledgePipeline && (
<PremiumBadge className='cursor-pointer select-none' size='s' color='indigo'>
<PremiumBadge className='shrink-0 cursor-pointer select-none' size='s' color='indigo'>
<SparklesSoft className='flex size-3 items-center text-components-premium-badge-indigo-text-stop-0' />
<span className='system-2xs-medium p-0.5'>
{t('billing.upgradeBtn.encourageShort')}