opensource/coder
3
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2026-10-16 14:48:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(site/src/pages/AISettingsPage): align collapsible section chevron with title (#30654)

Browse Source 
Moves the expand/collapse chevron in the AI settings collapsible
sections (Cost estimate, Provider configuration, and the MCP server form
equivalents) from `mt-0.5` to `mt-1` so it centers on the title's first
line. The `text-sm` title has a 24px line-height and the icon is 16px,
so it needs a 4px offset.

Fixes DES-22168

> Generated by Coder Agents on behalf of @tracyjohnsonux.
This commit is contained in:
TJ
2026-10-12 15:53:18 -04:00
committed by GitHub
parent 8a063ef0d5
commit ca7d7afea9
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/src/pages/AISettingsPage/MCPServersPage/components/MCPServerFormFieldPrimitives.tsx
+2 -2
View File
@@ -61,9 +61,9 @@ export const CollapsibleSection: React.FC<{
>
<CollapsibleTrigger className="flex w-full cursor-pointer items-start gap-2 border-0 bg-transparent p-0 text-left transition-colors hover:text-content-primary">
{open ? (
<ChevronDownIcon className="mt-0.5 size-4 shrink-0 text-content-primary" />
<ChevronDownIcon className="mt-1 size-4 shrink-0 text-content-primary" />
) : (
<ChevronRightIcon className="mt-0.5 size-4 shrink-0 text-content-primary" />
<ChevronRightIcon className="mt-1 size-4 shrink-0 text-content-primary" />
)}
<div>
<h3 className="m-0 text-sm font-medium text-content-primary">
site/src/pages/AISettingsPage/ModelsPage/components/ModelFormFields.tsx
+2 -2
View File
@@ -78,9 +78,9 @@ const CollapsibleSection: React.FC<{
>
<CollapsibleTrigger className="flex w-full cursor-pointer items-start gap-2 border-0 bg-transparent p-0 text-left transition-colors hover:text-content-primary">
{open ? (
<ChevronDownIcon className="mt-0.5 size-4 shrink-0 text-content-secondary" />
<ChevronDownIcon className="mt-1 size-4 shrink-0 text-content-secondary" />
) : (
<ChevronRightIcon className="mt-0.5 size-4 shrink-0 text-content-secondary" />
<ChevronRightIcon className="mt-1 size-4 shrink-0 text-content-secondary" />
)}
<div>
<h3 className="m-0 text-sm font-medium text-content-primary">