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

fix: add transparent border to prevent button size flickering (#30128)

This commit is contained in:
Pleasure1234 2025-12-25 11:50:21 +00:00 committed by GitHub
parent 44fc0c614c
commit f08d847c20
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/app/components/workflow-app/components/workflow-header/features-trigger.tsx
View File

@ -188,8 +188,8 @@ const FeaturesTrigger = () => {
{isChatMode && ( {isChatMode && (
<Button <Button
className={cn( className={cn(
'text-components-button-secondary-text', 'rounded-lg border border-transparent text-components-button-secondary-text',
theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm', theme === 'dark' && 'border-black/5 bg-white/10 backdrop-blur-sm',
)} )}
onClick={handleShowFeatures} onClick={handleShowFeatures}
> >

4
web/app/components/workflow/header/chat-variable-button.tsx
View File

@ -23,8 +23,8 @@ const ChatVariableButton = ({ disabled }: { disabled: boolean }) => {
return ( return (
<Button <Button
className={cn( className={cn(
'p-2', 'rounded-lg border border-transparent p-2',
theme === 'dark' && showChatVariablePanel && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm', theme === 'dark' && showChatVariablePanel && 'border-black/5 bg-white/10 backdrop-blur-sm',
)} )}
disabled={disabled} disabled={disabled}
onClick={handleClick} onClick={handleClick}

4
web/app/components/workflow/header/env-button.tsx
View File

@ -26,8 +26,8 @@ const EnvButton = ({ disabled }: { disabled: boolean }) => {
return ( return (
<Button <Button
className={cn( className={cn(
'p-2', 'rounded-lg border border-transparent p-2',
theme === 'dark' && showEnvPanel && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm', theme === 'dark' && showEnvPanel && 'border-black/5 bg-white/10 backdrop-blur-sm',
)} )}
variant="ghost" variant="ghost"
disabled={disabled} disabled={disabled}

4
web/app/components/workflow/header/global-variable-button.tsx
View File

@ -26,8 +26,8 @@ const GlobalVariableButton = ({ disabled }: { disabled: boolean }) => {
return ( return (
<Button <Button
className={cn( className={cn(
'p-2', 'rounded-lg border border-transparent p-2',
theme === 'dark' && showGlobalVariablePanel && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm', theme === 'dark' && showGlobalVariablePanel && 'border-black/5 bg-white/10 backdrop-blur-sm',
)} )}
disabled={disabled} disabled={disabled}
onClick={handleClick} onClick={handleClick}

7
web/app/components/workflow/header/header-in-restoring.tsx
View File

@ -86,7 +86,8 @@ const HeaderInRestoring = ({
disabled={!currentVersion || currentVersion.version === WorkflowVersion.Draft} disabled={!currentVersion || currentVersion.version === WorkflowVersion.Draft}
variant="primary" variant="primary"
className={cn( className={cn(
theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm', 'rounded-lg border border-transparent',
theme === 'dark' && 'border-black/5 bg-white/10 backdrop-blur-sm',
)} )}
> >
{t('workflow.common.restore')} {t('workflow.common.restore')}
@ -94,8 +95,8 @@ const HeaderInRestoring = ({
<Button <Button
onClick={handleCancelRestore} onClick={handleCancelRestore}
className={cn( className={cn(
'text-components-button-secondary-accent-text', 'rounded-lg border border-transparent text-components-button-secondary-accent-text',
theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm', theme === 'dark' && 'border-black/5 bg-white/10 backdrop-blur-sm',
)} )}
> >
<div className="flex items-center gap-x-0.5"> <div className="flex items-center gap-x-0.5">

4
web/app/components/workflow/header/version-history-button.tsx
View File

@ -61,8 +61,8 @@ const VersionHistoryButton: FC<VersionHistoryButtonProps> = ({
> >
<Button <Button
className={cn( className={cn(
'p-2', 'p-2 rounded-lg border border-transparent',
theme === 'dark' && 'rounded-lg border border-black/5 bg-white/10 backdrop-blur-sm', theme === 'dark' && 'border-black/5 bg-white/10 backdrop-blur-sm',
)} )}
onClick={handleViewVersionHistory} onClick={handleViewVersionHistory}
> >