|
|
|
|
|
|
|
|
.message-user { |
|
|
background: linear-gradient(135deg, #3b82f6, #60a5fa); |
|
|
border-radius: 12px 12px 0 12px; |
|
|
align-self: flex-end; |
|
|
} |
|
|
|
|
|
.message-ai { |
|
|
background: rgba(55, 65, 81, 0.8); |
|
|
border-radius: 12px 12px 12px 0; |
|
|
align-self: flex-start; |
|
|
} |
|
|
|
|
|
.typing-indicator span { |
|
|
animation: typing 1.4s infinite ease-in-out; |
|
|
} |
|
|
|
|
|
.typing-indicator span:nth-child(1) { animation-delay: 0s; } |
|
|
.typing-indicator span:nth-child(2) { animation-delay: 0.2s; } |
|
|
.typing-indicator span:nth-child(3) { animation-delay: 0.4s; } |
|
|
|
|
|
@keyframes typing { |
|
|
0%, 60%, 100% { transform: translateY(0); } |
|
|
30% { transform: translateY(-5px); } |
|
|
} |
|
|
|
