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

chore: Optimize component styles and interactions (#23250) (#23543)

This commit is contained in:
HyaCinth 2025-08-07 14:19:38 +08:00 committed by GitHub
parent ad1b1193fa
commit 2931c891a7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/components/base/chat/chat/index.tsx
View File

@ -284,9 +284,9 @@ const Chat: FC<ChatProps> = ({
{
!noStopResponding && isResponding && (
<div className='mb-2 flex justify-center'>
<Button onClick={onStopResponding}>
<StopCircle className='mr-[5px] h-3.5 w-3.5 text-gray-500' />
<span className='text-xs font-normal text-gray-500'>{t('appDebug.operation.stopResponding')}</span>
<Button className='border-components-panel-border bg-components-panel-bg text-components-button-secondary-text' onClick={onStopResponding}>
<StopCircle className='mr-[5px] h-3.5 w-3.5' />
<span className='text-xs font-normal'>{t('appDebug.operation.stopResponding')}</span>
</Button>
</div>
)

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

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

2
web/app/components/workflow/shortcuts-name.tsx
View File

@ -19,7 +19,7 @@ const ShortcutsName = ({
keys.map(key => (
<div
key={key}
className='system-kbd flex h-4 w-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray capitalize'
className='system-kbd flex h-4 min-w-4 items-center justify-center rounded-[4px] bg-components-kbd-bg-gray capitalize'
>
{getKeyboardKeyNameBySystem(key)}
</div>