Fix request pane name styling

This commit is contained in:
Gregory Schier
2025-01-11 14:33:00 -08:00
parent dcb17c3ed4
commit 806ce2f0ba
3 changed files with 26 additions and 14 deletions

View File

@@ -46,8 +46,8 @@ import type {
GenericCompletionOption,
} from './core/Editor/genericCompletion';
import { InlineCode } from './core/InlineCode';
import { Input } from './core/Input';
import type { Pair } from './core/PairEditor';
import { PlainInput } from './core/PlainInput';
import type { TabItem } from './core/Tabs/Tabs';
import { TabContent, Tabs } from './core/Tabs/Tabs';
import { EmptyStateText } from './EmptyStateText';
@@ -482,17 +482,15 @@ export const RequestPane = memo(function RequestPane({
</TabContent>
<TabContent value={TAB_DESCRIPTION}>
<div className="grid grid-rows-[auto_minmax(0,1fr)] h-full">
<Input
<PlainInput
label="Request Name"
hideLabel
forceUpdateKey={updateKey}
defaultValue={activeRequest.name}
className="font-sans !text-2xl"
inputWrapperClassName="!px-0"
className="font-sans !text-xl !px-0"
containerClassName="border-0"
placeholder={fallbackRequestName(activeRequest)}
onChange={(name) => updateRequest({ id: activeRequestId, update: { name } })}
stateKey={`name.${activeRequest.id}`}
/>
<MarkdownEditor
name="request-description"