leefer/xiaobaifupan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BAI-15: group mentor answer bubbles

Browse Source 
Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
2026-08-07 16:40:00 +08:00
co-authored by multica-agent
parent 777af0cb8b
commit 228e08a5e2
5 changed files with 88 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/frontend/pages/mentor/foundation.css
Vendored
+25 -59
View File
@@ -250,20 +250,20 @@
align-items: center;
justify-content: center;
border: 1px solid var(--mentor-blue-line);
border-radius: 50%;
border-radius: var(--radius-md);
background: var(--mentor-blue-soft);
color: var(--mentor-blue-dark);
font-size: var(--font-size-card-title);
font-weight: var(--font-weight-semibold);
}
#mentorView .mentor-avatar[data-grade="a"] {
#mentorView :is(.mentor-avatar, .mentor-message-avatar, .mentor-profile-avatar)[data-grade="a"] {
border-color: var(--market-up);
background: var(--market-up-soft);
color: var(--market-up);
}
#mentorView .mentor-avatar[data-grade="c"] {
#mentorView :is(.mentor-avatar, .mentor-message-avatar, .mentor-profile-avatar)[data-grade="c"] {
border-color: var(--market-down);
background: var(--market-down-soft);
color: var(--market-down);
@@ -427,61 +427,10 @@
background: var(--surface-subtle);
}
#mentorView .mentor-chat-header {
height: var(--mentor-pane-header-height);
flex: 0 0 var(--mentor-pane-header-height);
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-12);
padding: 0 var(--space-16);
border-bottom: 1px solid var(--mentor-line);
background: var(--surface);
}
#mentorView .mentor-chat-identity {
min-width: 0;
display: flex;
align-items: center;
gap: var(--space-8);
}
#mentorView .mentor-chat-identity > div {
min-width: 0;
}
#mentorView .mentor-active-title {
min-width: 0;
display: flex;
align-items: center;
gap: var(--space-8);
}
#mentorView .mentor-active-title h3 {
min-width: 0;
margin: 0;
overflow: hidden;
color: var(--mentor-ink);
font-size: var(--font-size-card-title);
font-weight: var(--font-weight-semibold);
letter-spacing: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
#mentorView .mentor-active-badges {
display: inline-flex;
gap: var(--space-4);
}
#mentorView #activeMentorStatus {
margin: var(--space-4) 0 0;
color: var(--mentor-faint);
font-size: var(--font-size-caption);
}
#mentorView .mentor-clear-button {
flex: 0 0 auto;
width: 40px;
height: 40px;
flex: 0 0 40px;
color: var(--mentor-sub);
}
@@ -554,7 +503,7 @@
align-items: center;
justify-content: center;
border: 1px solid var(--mentor-line);
border-radius: 50%;
border-radius: var(--radius-md);
background: var(--surface);
color: var(--mentor-sub);
font-size: var(--font-size-label);
@@ -568,6 +517,7 @@
}
#mentorView .mentor-message-body {
min-width: 0;
max-width: var(--mentor-message-max-width);
display: flex;
flex-direction: column;
@@ -579,6 +529,20 @@
align-items: flex-end;
}
#mentorView .mentor-message-stack {
min-width: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--space-8);
}
#mentorView .mentor-message-stack > .mentor-message-content {
width: fit-content;
max-width: 100%;
}
#mentorView .mentor-message-label {
color: var(--mentor-faint);
font-size: var(--font-size-caption);
@@ -618,6 +582,7 @@
#mentorView .mentor-answer-paragraph {
margin: 0 0 var(--space-8);
text-wrap: pretty;
}
#mentorView .mentor-answer-paragraph:last-child {
@@ -630,6 +595,7 @@
color: var(--mentor-ink);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
text-wrap: balance;
}
#mentorView .mentor-answer-heading:first-child {
@@ -844,7 +810,7 @@
align-items: center;
justify-content: center;
border: 1px solid var(--mentor-blue-line);
border-radius: 50%;
border-radius: var(--radius-md);
background: var(--mentor-blue-soft);
color: var(--mentor-blue-dark);
font-size: var(--font-size-metric);