fix(desktop): tighten multiline user prompt spacing
This commit is contained in:
parent
45ceee8a32
commit
77687156b4
@ -1708,7 +1708,7 @@ const UserEditComposer: FC<UserEditComposerProps> = ({ cwd, gateway, sessionId }
|
||||
autoCapitalize="off"
|
||||
autoCorrect="off"
|
||||
className={cn(
|
||||
'ui-prompt-input-editor__input max-h-48 w-full resize-none bg-transparent p-0 pr-7 text-[length:var(--conversation-text-font-size)] leading-(--dt-line-height) text-foreground/95 outline-none',
|
||||
'ui-prompt-input-editor__input max-h-48 w-full resize-none bg-transparent p-0 pr-7 text-[length:var(--conversation-text-font-size)] text-foreground/95 outline-none',
|
||||
'empty:before:content-[attr(data-placeholder)] empty:before:text-muted-foreground/60',
|
||||
'**:data-ref-text:cursor-default',
|
||||
expanded ? 'min-h-16' : 'min-h-[1.25rem]'
|
||||
|
||||
@ -891,16 +891,25 @@ canvas {
|
||||
|
||||
[data-slot='aui_user-message-root'],
|
||||
[data-slot='aui_edit-composer-root'] {
|
||||
--human-msg-line-height: 1.3;
|
||||
font-size: var(--conversation-text-font-size);
|
||||
}
|
||||
|
||||
[data-slot='aui_user-inline-text'] {
|
||||
line-height: var(--human-msg-line-height);
|
||||
}
|
||||
|
||||
[data-slot='aui_edit-composer-root'] [data-slot='composer-rich-input'] {
|
||||
line-height: var(--human-msg-line-height);
|
||||
}
|
||||
|
||||
/* Sticky human bubbles clamp to ~2 lines with a soft bottom fade so a long
|
||||
prompt doesn't dominate the viewport. The clamp lifts only in the edit
|
||||
composer; expanding on read-only :focus-within ran on mousedown (before the
|
||||
swap) and fought stick-to-bottom when parked at the bottom. */
|
||||
.sticky-human-clamp {
|
||||
cursor: pointer;
|
||||
max-height: calc(2 * var(--dt-line-height) * var(--conversation-text-font-size) + 0.15rem);
|
||||
max-height: calc(4 * var(--human-msg-line-height) * var(--conversation-text-font-size) + 0.15rem);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user