opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-27 19:27:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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()} onClick={e => e.stopPropagation()}
> >
<div className='relative grid min-h-full min-w-[1200px] grid-rows-[1fr_auto_auto_1fr] overflow-hidden'> <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 /> <NoiseTop />
</div> </div>
<Header onClose={onCancel} /> <Header onClose={onCancel} />
@ -58,7 +58,7 @@ const Pricing: FC<PricingProps> = ({
canPay={canPay} canPay={canPay}
/> />
<Footer pricingPageURL={pricingPageURL} /> <Footer pricingPageURL={pricingPageURL} />
<div className='absolute -bottom-12 left-0 right-0'> <div className='absolute -bottom-12 left-0 right-0 -z-10'>
<NoiseBottom /> <NoiseBottom />
</div> </div>
</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 />, icon: <Premium />,
bg: 'bg-billing-plan-card-premium-bg opacity-10', bg: 'bg-billing-plan-card-premium-bg opacity-10',
noise: ( noise: (
<div className='absolute -top-12 left-0 right-0'> <div className='absolute -top-12 left-0 right-0 -z-10'>
<PremiumNoise /> <PremiumNoise />
</div> </div>
), ),
@ -31,7 +31,7 @@ const STYLE_MAP = {
icon: <Enterprise />, icon: <Enterprise />,
bg: 'bg-billing-plan-card-enterprise-bg opacity-10', bg: 'bg-billing-plan-card-enterprise-bg opacity-10',
noise: ( noise: (
<div className='absolute -top-12 left-0 right-0'> <div className='absolute -top-12 left-0 right-0 -z-10'>
<EnterpriseNoise /> <EnterpriseNoise />
</div> </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} disabled={!publishedAt || isPublishingAsCustomizedPipeline}
> >
<div className='flex grow items-center gap-x-2'> <div className='flex grow items-center gap-x-2'>
<RiHammerLine className='h-4 w-4' /> <RiHammerLine className='h-4 w-4 shrink-0' />
{t('pipeline.common.publishAs')} <span className='grow truncate text-left' title={t('pipeline.common.publishAs')}>
{t('pipeline.common.publishAs')}
</span>
{!isAllowPublishAsKnowledgePipeline && ( {!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' /> <SparklesSoft className='flex size-3 items-center text-components-premium-badge-indigo-text-stop-0' />
<span className='system-2xs-medium p-0.5'> <span className='system-2xs-medium p-0.5'>
{t('billing.upgradeBtn.encourageShort')} {t('billing.upgradeBtn.encourageShort')}