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

refactor: improve loading animation and debug panel styles (#24075)

Browse Source
This commit is contained in:
Wu Tianwei 2025-08-18 11:12:47 +08:00 committed by GitHub
parent 6b51530e21
commit 218e247fd2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
web/app/components/base/chat/chat/loading-anim/index.tsx
View File

@ -2,6 +2,7 @@
import type { FC } from 'react' import type { FC } from 'react'
import React from 'react' import React from 'react'
import s from './style.module.css' import s from './style.module.css'
import cn from '@/utils/classnames'
export type ILoadingAnimProps = { export type ILoadingAnimProps = {
type: 'text' | 'avatar' type: 'text' | 'avatar'
@ -11,7 +12,7 @@ const LoadingAnim: FC<ILoadingAnimProps> = ({
type, type,
}) => { }) => {
return ( return (
<div className={`${s['dot-flashing']} ${s[type]}`}></div> <div className={cn(s['dot-flashing'], s[type])} />
) )
} }
export default React.memo(LoadingAnim) export default React.memo(LoadingAnim)

2
web/app/components/workflow/panel/debug-and-preview/index.tsx
View File

@ -90,7 +90,7 @@ const DebugAndPreview = () => {
<div <div
ref={containerRef} ref={containerRef}
className={cn( className={cn(
'relative flex h-full flex-col rounded-l-2xl border border-r-0 border-components-panel-border bg-components-panel-bg shadow-xl', 'relative flex h-full flex-col rounded-l-2xl border border-r-0 border-components-panel-border bg-chatbot-bg shadow-xl',
)} )}
style={{ width: `${panelWidth}px` }} style={{ width: `${panelWidth}px` }}
> >