Skip to content

Commit 8fdf296

Browse files
authored
feat(code): fix padding on command center new task UI (#1927)
## Problem the new task UI in the command center, on small screen sizes, has no padding <!-- Who is this for and what problem does it solve? --> <!-- Closes #ISSUE_ID --> ## Changes - adds padding - [lazy-fix, but good regardless imo] drops the "Effort"/"Reasoning" label from dropdown <!-- What did you change and why? --> <!-- If there are frontend changes, include screenshots. --> ## ![Screenshot 2026-04-28 at 12.10.50 PM.png](https://app.graphite.com/user-attachments/assets/9ad4c879-3fe1-49f9-92fb-eb1399c07995.png) ## How did you test this? manually
1 parent 4d9d967 commit 8fdf296

2 files changed

Lines changed: 9 additions & 4 deletions

File tree

apps/code/src/renderer/features/sessions/components/ReasoningLevelSelector.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export function ReasoningLevelSelector({
3333
const activeLevel = thoughtOption.currentValue;
3434
const activeLabel =
3535
options.find((opt) => opt.value === activeLevel)?.name ?? activeLevel;
36-
const triggerLabel = `${adapter === "codex" ? "Reasoning" : "Effort"}: ${activeLabel}`;
36+
const prefix = adapter === "codex" ? "Reasoning" : "Effort";
3737

3838
return (
3939
<DropdownMenu>
@@ -44,10 +44,10 @@ export function ReasoningLevelSelector({
4444
variant="default"
4545
size="sm"
4646
disabled={disabled}
47-
aria-label={triggerLabel}
47+
aria-label={`${prefix}: ${activeLabel}`}
4848
>
4949
<Brain size={14} className="text-muted-foreground" />
50-
{triggerLabel}
50+
{activeLabel}
5151
<CaretDown
5252
size={10}
5353
weight="bold"

apps/code/src/renderer/features/task-detail/components/TaskInput.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -565,7 +565,12 @@ export function TaskInput({
565565
className="relative h-full w-full"
566566
>
567567
<DropZoneOverlay isVisible={isDraggingFile} />
568-
<Flex align="center" justify="center" height="100%" className="relative">
568+
<Flex
569+
align="center"
570+
justify="center"
571+
height="100%"
572+
className="relative px-4"
573+
>
569574
<DotPatternBackground className="h-[100.333%]" />
570575
<Flex
571576
direction="column"

0 commit comments

Comments
 (0)