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 |
|