mirror of
https://github.com/simstudioai/sim.git
synced 2026-09-24 15:45:35 +08:00
improvement(ux): added slight running animation
This commit is contained in:
@@ -1,5 +1,3 @@
|
||||
import Landing from './(landing)/landing'
|
||||
|
||||
export default Landing
|
||||
|
||||
// adding test
|
||||
@@ -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>
|
||||
)
|
||||
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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',
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user