mirror of
https://github.com/QwenLM/qwen-code.git
synced 2025-12-19 09:33:53 +00:00
61 lines
1.6 KiB
CSS
61 lines
1.6 KiB
CSS
/**
|
|
* @license
|
|
* Copyright 2025 Qwen Team
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*
|
|
* AssistantMessage Component Styles
|
|
* Pseudo-elements (::before) for bullet points and (::after) for timeline connectors
|
|
*/
|
|
|
|
/* Bullet point indicator using ::before pseudo-element */
|
|
.assistant-message-container.assistant-message-default::before,
|
|
.assistant-message-container.assistant-message-success::before,
|
|
.assistant-message-container.assistant-message-error::before,
|
|
.assistant-message-container.assistant-message-warning::before,
|
|
.assistant-message-container.assistant-message-loading::before {
|
|
content: '\25cf';
|
|
position: absolute;
|
|
left: 8px;
|
|
padding-top: 2px;
|
|
font-size: 10px;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* Default state - secondary foreground color */
|
|
.assistant-message-container.assistant-message-default::before {
|
|
color: var(--app-secondary-foreground);
|
|
}
|
|
|
|
/* Success state - green bullet (maps to .ge) */
|
|
.assistant-message-container.assistant-message-success::before {
|
|
color: #74c991;
|
|
}
|
|
|
|
/* Error state - red bullet (maps to .be) */
|
|
.assistant-message-container.assistant-message-error::before {
|
|
color: #c74e39;
|
|
}
|
|
|
|
/* Warning state - yellow/orange bullet (maps to .ue) */
|
|
.assistant-message-container.assistant-message-warning::before {
|
|
color: #e1c08d;
|
|
}
|
|
|
|
/* Loading state - animated bullet (maps to .he) */
|
|
.assistant-message-container.assistant-message-loading::before {
|
|
color: var(--app-secondary-foreground);
|
|
background-color: var(--app-secondary-background);
|
|
animation: assistantMessagePulse 1s linear infinite;
|
|
}
|
|
|
|
/* Pulse animation for loading state */
|
|
@keyframes assistantMessagePulse {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0.5;
|
|
}
|
|
}
|