Skip to content

Commit 598baec

Browse files
committed
🤖 Improve chat controls spacing and layout
- Add justify-between to spread controls across available width - Remove wrapper div internal gaps (parent gap-3 handles all spacing) - Remove 'Thinking:' label from slider (tooltip clarifies purpose) Controls now distribute evenly across the width with consistent gaps.
1 parent 36e77ab commit 598baec

File tree

2 files changed

+3
-4
lines changed

2 files changed

+3
-4
lines changed

src/components/ChatInput.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -747,10 +747,10 @@ export const ChatInput: React.FC<ChatInputProps> = ({
747747
Editing message ({formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel)
748748
</div>
749749
)}
750-
<div className="flex flex-wrap items-center gap-3">
750+
<div className="flex flex-wrap items-center justify-between gap-3">
751751
{/* Model Selector - always visible */}
752752
<div
753-
className="flex items-center gap-1.5"
753+
className="flex items-center"
754754
data-component="ModelSelectorGroup"
755755
>
756756
<ModelSelector
@@ -795,7 +795,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({
795795
>
796796
<Context1MCheckbox modelString={preferredModel} />
797797
</div>
798-
<div className="max-@[700px]:hidden flex items-center gap-1.5">
798+
<div className="max-@[700px]:hidden flex items-center">
799799
<div
800800
className={cn(
801801
"flex gap-0 bg-toggle-bg rounded",

src/components/ThinkingSlider.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,6 @@ export const ThinkingSliderComponent: React.FC<ThinkingControlProps> = ({ modelS
9696
return (
9797
<TooltipWrapper>
9898
<div className="flex items-center gap-2">
99-
<label className="text-subdued text-[10px] select-none">Thinking:</label>
10099
<span
101100
className="min-w-11 uppercase transition-all duration-200 select-none"
102101
style={textStyle}

0 commit comments

Comments
 (0)