mtfyun/dify
1
0 Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-11-10 21:35:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(billing): reuse the shared Dify logo in pricing

Browse Source
This commit is contained in:
yyh committed 2026-11-10 19:32:21 +08:00
1 parent b8d12240e9
commit dd74a4b1b4
3 files changed
+2 -56
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

web/app/components/billing/pricing/assets/logo-dark.svg
-36
View File
@@ -1,36 +0,0 @@
<svg preserveAspectRatio="none" overflow="visible" style="display: block;" width="60" height="27" viewBox="0 0 60 27" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Dify Logo">
<g id="if">
<use xlink:href="#stroke0_0_291" fill="#E8E8E8"/>
<use xlink:href="#stroke1_0_291" fill="#E8E8E8"/>
<mask id="stroke2_0_291" fill="white">
<use xlink:href="#stroke0_0_291"/>
<use xlink:href="#stroke1_0_291"/>
</mask>
<path d="M26.5002 4.72629C28.2041 4.72629 28.8333 3.6691 28.8333 2.36428C28.8333 1.05946 28.203 0.0022722 26.5002 0.0022722C24.7975 0.0022722 24.1672 1.05946 24.1672 2.36428C24.1672 3.6691 24.7975 4.72629 26.5002 4.72629ZM34.667 5.23226V6.75138H30.8335V10.1265H34.667V18.5638H28.3335V6.75257H19.9998V10.1277H24.667V18.565H19.1672V21.9401H44.1672V18.565H38.3335V10.1277H44.1672V6.75257H38.3335V3.37742H44.1672V0.0022722H39.834C36.9847 0.0022722 34.667 2.3488 34.667 5.23345V5.23226Z" stroke-width="0.5" stroke="url(#paint0_linear_0_291)" mask="url(#stroke2_0_291)"/>
</g>
<g id="Dy">
<use xlink:href="#stroke3_0_291" fill="#E8E8E8"/>
<use xlink:href="#stroke4_0_291" fill="#E8E8E8"/>
<mask id="stroke5_0_291" fill="white">
<use xlink:href="#stroke3_0_291"/>
<use xlink:href="#stroke4_0_291"/>
</mask>
<path d="M7.08373 0.00119033H0V21.9367H7.08373C15.8337 21.9367 18.3337 16.8746 18.3337 10.9683C18.3337 5.06213 15.8337 0 7.08373 0V0.00119033ZM7.16722 18.5627H4.00047V3.37634H7.16722C12.1978 3.37634 14.3333 5.87645 14.3333 10.9695C14.3333 16.0626 12.1978 18.5627 7.16722 18.5627ZM56.0419 6.75149L52.7081 17.7198L49.3744 6.75149H45.4163L50.2516 20.9402C50.7549 22.4177 49.9036 23.6249 48.3608 23.6249H46.6663V27H49.1569C51.3288 27 53.2832 25.6095 54.0181 23.5403L60 6.75149H56.0419Z" stroke-width="0.5" stroke="url(#paint1_linear_0_291)" mask="url(#stroke5_0_291)"/>
</g>
</g>
<defs>
<linearGradient id="paint0_linear_0_291" x1="-0.625267" y1="-0.420705" x2="59.6299" y2="26.8573" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E8E8E8"/>
</linearGradient>
<linearGradient id="paint1_linear_0_291" x1="-8.16958e-08" y1="-0.420815" x2="60.2552" y2="26.8572" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E8E8E8"/>
</linearGradient>
<path id="stroke0_0_291" d="M26.5002 4.72629C28.2041 4.72629 28.8333 3.6691 28.8333 2.36428C28.8333 1.05946 28.203 0.0022722 26.5002 0.0022722C24.7975 0.0022722 24.1672 1.05946 24.1672 2.36428C24.1672 3.6691 24.7975 4.72629 26.5002 4.72629Z"/>
<path id="stroke1_0_291" d="M34.667 5.23226V6.75138H30.8335V10.1265H34.667V18.5638H28.3335V6.75257H19.9998V10.1277H24.667V18.565H19.1672V21.9401H44.1672V18.565H38.3335V10.1277H44.1672V6.75257H38.3335V3.37742H44.1672V0.0022722H39.834C36.9847 0.0022722 34.667 2.3488 34.667 5.23345V5.23226Z"/>
<path id="stroke3_0_291" d="M7.08373 0.00119033H0V21.9367H7.08373C15.8337 21.9367 18.3337 16.8746 18.3337 10.9683C18.3337 5.06213 15.8337 0 7.08373 0V0.00119033ZM7.16722 18.5627H4.00047V3.37634H7.16722C12.1978 3.37634 14.3333 5.87645 14.3333 10.9695C14.3333 16.0626 12.1978 18.5627 7.16722 18.5627Z"/>
<path id="stroke4_0_291" d="M56.0419 6.75149L52.7081 17.7198L49.3744 6.75149H45.4163L50.2516 20.9402C50.7549 22.4177 49.9036 23.6249 48.3608 23.6249H46.6663V27H49.1569C51.3288 27 53.2832 25.6095 54.0181 23.5403L60 6.75149H56.0419Z"/>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

web/app/components/billing/pricing/header.tsx
+2 -13
View File
@@ -1,8 +1,6 @@
import type { CSSProperties } from 'react'
import { DialogDescription, DialogTitle } from '@langgenius/dify-ui/dialog'
import { useTranslation } from 'react-i18next'
import { basePath } from '@/utils/var'
import styles from './pricing.module.css'
import { DifyLogo } from '@/app/components/base/logo/dify-logo'
export default function Header() {
const { t } = useTranslation(['billing'])
@@ -11,16 +9,7 @@ export default function Header() {
<div className="min-h-16 pe-11">
<DialogTitle>
<span className="flex items-center gap-2 text-2xl leading-[37px] font-normal">
<span
role="img"
aria-label="Dify"
style={
{
'--pricing-logo-light': `url("${basePath}/logo/logo.svg")`,
} as CSSProperties
}
className={`${styles.logo} h-[27px] w-15 bg-contain bg-center bg-no-repeat`}
/>
<DifyLogo alt="Dify" className="h-[27px] w-15" />
<span>Cloud</span>
</span>
</DialogTitle>
web/app/components/billing/pricing/pricing.module.css
-7
View File
@@ -66,10 +66,3 @@
content: '';
pointer-events: none;
}
.logo {
background-image: var(--pricing-logo-light);
}
:global(html[data-theme='dark']) .logo {
background-image: url('./assets/logo-dark.svg');
}