AI/dify
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/langgenius/dify.git synced 2025-08-15 20:46:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: Remove redundant style and simplify Mermaid component (#11472)

Browse Source
This commit is contained in:
Charlie.Wei 2024-12-09 09:47:58 +08:00 committed by GitHub
parent c3fae5e801
commit 6c60ecb237
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/app/components/base/mermaid/index.tsx
View File

@ -13,12 +13,6 @@ mermaidAPI = null
if (typeof window !== 'undefined') if (typeof window !== 'undefined')
mermaidAPI = mermaid.mermaidAPI mermaidAPI = mermaid.mermaidAPI
const style = {
minWidth: '480px',
height: 'auto',
overflow: 'auto',
}
const svgToBase64 = (svgGraph: string) => { const svgToBase64 = (svgGraph: string) => {
const svgBytes = new TextEncoder().encode(svgGraph) const svgBytes = new TextEncoder().encode(svgGraph)
const blob = new Blob([svgBytes], { type: 'image/svg+xml;charset=utf-8' }) const blob = new Blob([svgBytes], { type: 'image/svg+xml;charset=utf-8' })
@ -118,8 +112,8 @@ const Flowchart = React.forwardRef((props: {
</div> </div>
{ {
svgCode svgCode
&& <div className="mermaid cursor-pointer" style={style} onClick={() => setImagePreviewUrl(svgCode)}> && <div className="mermaid cursor-pointer h-auto w-full object-fit: cover" onClick={() => setImagePreviewUrl(svgCode)}>
{svgCode && <img src={svgCode} style={{ width: '100%', height: 'auto' }} alt="mermaid_chart" />} {svgCode && <img src={svgCode} alt="mermaid_chart" />}
</div> </div>
} }
{isLoading {isLoading