Spaces:
Running
Running
Update src/components/icons.tsx
Browse files- 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
|
30 |
-
transform:
|
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
|
36 |
-
transform:
|
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 |
|