chore(FE-91): make warning step icon glow

2026-05-20 13:32:00 +00:00 · 2025-10-30 10:47:29 +07:00
parent 82c1645d92
commit b720c1411b
1 changed files with 8 additions and 1 deletions
@@ -24,7 +24,14 @@ const StepItem = ({ children, icon, className, color }: StepItemProps) => {

  return (
    <li className={cn(stepItemBaseClassName, className)}>
-      <span className='step-icon'>{icon}</span>
+      <span
+        className={cn('step-icon', {
+          'transition-shadow shadow-[0_0_10px_2px_var(--color-warning)] hover:shadow-[0_0_15px_5px_var(--color-warning)]':
+            color === 'warning',
+        })}
+      >
+        {icon}
+      </span>

      <div>{children}</div>
    </li>