improvement(ux): added slight running animation

This commit is contained in:
Emir Karabeg
2025-03-04 22:11:14 -08:00
parent 743c4fd0bf
commit 440b287899
4 changed files with 14 additions and 5 deletions
-2
View File
@@ -1,5 +1,3 @@
import Landing from './(landing)/landing'
export default Landing
// adding test
+4 -2
View File
@@ -445,12 +445,14 @@ export function ControlBar() {
*/
const renderRunButton = () => (
<Button
className="gap-2 bg-[#7F2FFF] hover:bg-[#7F2FFF]/90 text-white"
className={`gap-2 bg-[#7F2FFF] hover:bg-[#7F2FFF]/90 text-white ${
isExecuting ? 'animate-run-glow' : ''
}`}
onClick={handleRunWorkflow}
disabled={isExecuting}
>
<Play fill="white" stroke="white" className="!h-3.5 !w-3.5" />
{isExecuting ? 'Running...' : 'Run'}
{isExecuting ? 'Running' : 'Run'}
</Button>
)
+1 -1
View File
@@ -18,7 +18,7 @@ export const ExaBlock: BlockConfig<ExaResponse> = {
name: 'Exa',
description: 'Search with Exa AI',
category: 'tools',
bgColor: '#1F41ED',
bgColor: '#1F40ED',
icon: ExaAIIcon,
subBlocks: [
// Operation selector
+9
View File
@@ -99,6 +99,14 @@ export default {
opacity: '0.7',
},
},
'run-glow': {
'0%, 100%': {
filter: 'opacity(1)',
},
'50%': {
filter: 'opacity(0.7)',
},
},
},
animation: {
'slide-down': 'slide-down 0.3s ease-out',
@@ -106,6 +114,7 @@ export default {
'notification-fade-out': 'notification-fade-out 0.2s ease-out forwards',
'fade-up': 'fade-up 0.5s ease-out forwards',
'rocket-pulse': 'rocket-pulse 1.5s ease-in-out infinite',
'run-glow': 'run-glow 2s ease-in-out infinite',
},
},
},