feat: apply B-147 visual tokens to shell and three representative pages
Closes B-156 Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
co-authored by
Cursor
multica-agent
Cursor
multica-agent
parent
b60a4cb682
commit
e778c883db
+35
-37
@@ -88,14 +88,7 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-page-header {
|
||||
flex: 0 0 56px;
|
||||
height: 56px;
|
||||
min-height: 56px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
border-bottom: 1px solid var(--qp-border);
|
||||
background: var(--qp-bg-header);
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mentorView .mentor-page-title {
|
||||
@@ -146,11 +139,14 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-directory-tools {
|
||||
position: relative;
|
||||
z-index: 30;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-4);
|
||||
padding: 10px 8px;
|
||||
overflow: visible;
|
||||
border-bottom: 1px solid var(--qp-border);
|
||||
}
|
||||
|
||||
@@ -233,7 +229,7 @@
|
||||
position: absolute;
|
||||
top: calc(100% + 4px);
|
||||
right: 0;
|
||||
z-index: 20;
|
||||
z-index: 40;
|
||||
min-width: 128px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -468,7 +464,7 @@
|
||||
border-radius: 50%;
|
||||
background: var(--qp-avatar-bg);
|
||||
color: var(--qp-avatar-ink);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
@@ -490,7 +486,7 @@
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@@ -505,7 +501,7 @@
|
||||
#mentorView :is(.mentor-option-copy > em, .mentor-option-meta) {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-size: 11.5px;
|
||||
font-style: normal;
|
||||
line-height: 1.35;
|
||||
text-overflow: ellipsis;
|
||||
@@ -518,7 +514,7 @@
|
||||
|
||||
#mentorView .mentor-option-meta {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-option-tools {
|
||||
@@ -646,10 +642,10 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-chat-identity .mentor-avatar {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
flex: 0 0 44px;
|
||||
font-size: 17px;
|
||||
width: var(--mentor-chat-avatar-size);
|
||||
height: var(--mentor-chat-avatar-size);
|
||||
flex: 0 0 var(--mentor-chat-avatar-size);
|
||||
font-size: 13.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-active-title {
|
||||
@@ -664,7 +660,7 @@
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
letter-spacing: 0;
|
||||
text-overflow: ellipsis;
|
||||
@@ -674,7 +670,7 @@
|
||||
#mentorView #activeMentorStatus {
|
||||
margin: 2px 0 0;
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -783,9 +779,9 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-message-avatar {
|
||||
width: var(--mentor-avatar-size);
|
||||
height: var(--mentor-avatar-size);
|
||||
flex: 0 0 var(--mentor-avatar-size);
|
||||
width: var(--mentor-message-avatar-size);
|
||||
height: var(--mentor-message-avatar-size);
|
||||
flex: 0 0 var(--mentor-message-avatar-size);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -793,7 +789,7 @@
|
||||
border-radius: 50%;
|
||||
background: var(--qp-avatar-bg);
|
||||
color: var(--qp-avatar-ink);
|
||||
font-size: 16px;
|
||||
font-size: 12.5px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
@@ -818,15 +814,15 @@
|
||||
|
||||
#mentorView .mentor-message-label {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#mentorView .mentor-message-content {
|
||||
min-width: 0;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
font-size: 14px;
|
||||
line-height: 1.65;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
@@ -835,6 +831,7 @@
|
||||
border-radius: 12px;
|
||||
background: var(--qp-bg-bubble-self);
|
||||
color: var(--qp-text-1-on-accent-bg);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
#mentorView .mentor-message.is-error .mentor-message-content {
|
||||
@@ -843,7 +840,7 @@
|
||||
|
||||
#mentorView .mentor-message small {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-answer-paragraph {
|
||||
@@ -858,7 +855,7 @@
|
||||
display: block;
|
||||
margin: var(--space-12) 0 var(--space-4);
|
||||
color: var(--qp-text-1);
|
||||
font-size: 18px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
line-height: 1.4;
|
||||
}
|
||||
@@ -882,6 +879,7 @@
|
||||
padding-left: var(--space-12);
|
||||
border-left: 2px solid var(--qp-accent-soft);
|
||||
color: var(--qp-text-2);
|
||||
font-size: 13.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-answer-rule {
|
||||
@@ -917,7 +915,7 @@
|
||||
|
||||
#mentorView .mentor-follow-ups > span {
|
||||
color: var(--qp-text-faint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-follow-ups button {
|
||||
@@ -929,7 +927,7 @@
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: var(--qp-link);
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
line-height: 1.8;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
@@ -963,7 +961,7 @@
|
||||
#mentorView .mentor-prompt-label {
|
||||
flex: 0 0 auto;
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-quick-prompts button {
|
||||
@@ -976,7 +974,7 @@
|
||||
border-radius: 8px;
|
||||
background: var(--qp-bg-control);
|
||||
color: var(--qp-text-2);
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
transition: color var(--motion-fast), background var(--motion-fast);
|
||||
}
|
||||
@@ -1038,8 +1036,8 @@
|
||||
background: transparent;
|
||||
color: var(--qp-text-1);
|
||||
font-family: inherit;
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
font-size: 14px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
#mentorView #mentorQuestion::placeholder {
|
||||
@@ -1049,7 +1047,7 @@
|
||||
#mentorView .mentor-composer-hint {
|
||||
flex: 0 0 auto;
|
||||
color: var(--qp-text-hint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -1070,7 +1068,7 @@
|
||||
border-radius: 10px;
|
||||
background: var(--qp-accent);
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
font-weight: var(--font-weight-medium);
|
||||
}
|
||||
|
||||
@@ -1117,7 +1115,7 @@
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
color: var(--qp-text-hint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
overflow-wrap: anywhere;
|
||||
|
||||
Reference in New Issue
Block a user