Ezmary commited on
Commit
81929ec
·
verified ·
1 Parent(s): 25fefb8

Update src/components/icons.tsx

Browse files
Files changed (1) hide show
  1. src/components/icons.tsx +10 -6
src/components/icons.tsx CHANGED
@@ -25,16 +25,20 @@ export const humanAiIcon = ({ size, isUserSpeaking, isAiSpeaking }: {
25
  isUserSpeaking?: boolean,
26
  isAiSpeaking?: boolean
27
  }) => {
 
 
 
 
28
  const humanStyle: React.CSSProperties = {
29
- transition: 'transform 0.2s ease-out, filter 0.2s ease-out',
30
- transform: isUserSpeaking ? 'scale(1.15)' : 'scale(1)',
31
- filter: isUserSpeaking ? 'drop-shadow(0 0 5px rgba(255, 255, 255, 0.7))' : 'none',
32
  transformOrigin: 'center'
33
  };
 
 
34
  const aiStyle: React.CSSProperties = {
35
- transition: 'transform 0.2s ease-out, filter 0.2s ease-out',
36
- transform: isAiSpeaking ? 'scale(1.15)' : 'scale(1)',
37
- filter: isAiSpeaking ? 'drop-shadow(0 0 5px rgba(255, 255, 255, 0.7))' : 'none',
38
  transformOrigin: 'center'
39
  };
40
 
 
25
  isUserSpeaking?: boolean,
26
  isAiSpeaking?: boolean
27
  }) => {
28
+ // --- 👇 تغییر اصلی اینجاست 👇 ---
29
+ // منطق برعکس شده و انیمیشن ظریف‌تر شده است
30
+
31
+ // وقتی ربات صحبت می‌کند، آدمک تکان می‌خورد
32
  const humanStyle: React.CSSProperties = {
33
+ transition: 'transform 0.2s ease-out',
34
+ transform: isAiSpeaking ? 'scale(1.07)' : 'scale(1)',
 
35
  transformOrigin: 'center'
36
  };
37
+
38
+ // وقتی کاربر صحبت می‌کند، ربات تکان می‌خورد
39
  const aiStyle: React.CSSProperties = {
40
+ transition: 'transform 0.2s ease-out',
41
+ transform: isUserSpeaking ? 'scale(1.07)' : 'scale(1)',
 
42
  transformOrigin: 'center'
43
  };
44