fix(web): polish preset chrome and subagent menu after review
This commit is contained in:
@@ -5,7 +5,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
max-width: 180px;
|
max-width: 180px;
|
||||||
padding: 0 8px;
|
padding: 0 2px 0 0;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: var(--dsw-alias-fill-tsp-secondary);
|
background: var(--dsw-alias-fill-tsp-secondary);
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ export function AgentPresetLabel({
|
|||||||
const text = option === undefined ? undefined : presetDisplayText(option, t)
|
const text = option === undefined ? undefined : presetDisplayText(option, t)
|
||||||
return (
|
return (
|
||||||
<span className={css.label} title={text?.description ?? t('headerHint')}>
|
<span className={css.label} title={text?.description ?? t('headerHint')}>
|
||||||
<IconAgentPresetOutline16 className={css.icon} />
|
<IconAgentPresetOutline16 size={14} className={css.icon} />
|
||||||
{text?.name ?? preset}
|
{text?.name ?? preset}
|
||||||
</span>
|
</span>
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -26,6 +26,12 @@
|
|||||||
gap: 10px;
|
gap: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Group-to-group breathing room: the section's 12px gap plus 20px reads the
|
||||||
|
two rosters as separate blocks (32px total). */
|
||||||
|
.group + .group {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.groupHead {
|
.groupHead {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|||||||
@@ -292,6 +292,7 @@
|
|||||||
.heroWorkspaceRow {
|
.heroWorkspaceRow {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
gap: 2px;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
/* figma drew px 8; nudged +12 so the chip's folder glyph lines up closer to
|
/* figma drew px 8; nudged +12 so the chip's folder glyph lines up closer to
|
||||||
the card's inner controls below. */
|
the card's inner controls below. */
|
||||||
|
|||||||
@@ -73,7 +73,7 @@
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 800px;
|
width: 800px;
|
||||||
height: min(824px, calc(100vh - 48px));
|
height: min(800px, calc(100vh - 48px));
|
||||||
max-width: calc(100vw - 48px);
|
max-width: calc(100vw - 48px);
|
||||||
border-radius: 24px;
|
border-radius: 24px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
@@ -54,7 +54,6 @@
|
|||||||
max-height: min(560px, calc(100vh - 140px));
|
max-height: min(560px, calc(100vh - 140px));
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
border: 1px solid var(--dsw-alias-border-l2);
|
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: var(--dsw-specific-menu);
|
background: var(--dsw-specific-menu);
|
||||||
--dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
|
--dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
|
||||||
|
|||||||
Reference in New Issue
Block a user