fix(app): tighten the composer's resting height (#57570)

This commit is contained in:
Kit Langton
2026-10-20 20:55:25 -07:00
committed by GitHub
Unverified
parent 23f5fc935d
commit 34d69cbe81
+4 -4
View File
@@ -201,7 +201,7 @@ export function ComposerEditor(props: ComposerEditorProps) {
<form
data-component="composer"
data-dock-border-underlay={props.borderUnderlay ? "true" : undefined}
class="group/composer relative min-h-[96px] w-full overflow-clip rounded-xl bg-v2-background-bg-base"
class="group/composer relative w-full overflow-clip rounded-xl bg-v2-background-bg-base"
classList={{
"shadow-[var(--v2-elevation-raised)]": !props.borderUnderlay,
}}
@@ -239,7 +239,7 @@ export function ComposerEditor(props: ComposerEditorProps) {
<ScrollView
data-component="composer-scroll"
class="min-h-[60px] max-h-[180px]"
class="max-h-[180px]"
style={{ "--composer-fade-bottom": `${fadeBottom()}px` }}
onScroll={updateScroll}
viewportRef={(element) => {
@@ -263,7 +263,7 @@ export function ComposerEditor(props: ComposerEditorProps) {
spellcheck={state.mode === "normal"}
// @ts-expect-error
autocomplete="off"
class="relative z-10 block min-h-[60px] w-full whitespace-pre-wrap bg-transparent px-3 pt-4 pb-2 text-[13px] font-[440] leading-5 text-v2-text-text-base focus:outline-none [&_[data-mention=file]]:text-syntax-property [&_[data-mention=agent]]:text-syntax-type [&_[data-mention=reference]]:text-syntax-keyword"
class="relative z-10 block w-full whitespace-pre-wrap bg-transparent px-3 pt-4 pb-2 text-[13px] font-[440] leading-5 text-v2-text-text-base focus:outline-none [&_[data-mention=file]]:text-syntax-property [&_[data-mention=agent]]:text-syntax-type [&_[data-mention=reference]]:text-syntax-keyword"
classList={{ "font-mono! tracking-[-0.04px]": state.mode === "shell", "opacity-50": props.disabled }}
style={{
"unicode-bidi": state.mode === "normal" ? "plaintext" : undefined,
@@ -366,7 +366,7 @@ export function ComposerEditor(props: ComposerEditorProps) {
inert={state.mode === "shell" ? true : undefined}
style={buttons()}
>
<div ref={controlsContent} class="flex h-full w-max min-w-full items-center gap-1">
<div ref={controlsContent} class="flex h-full w-max min-w-full items-center gap-0.5">
<Show when={view.agent} keyed>
{(control) => (
<ComposerEditorConfiguredSelect