ceos/unsloth
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Studio: align the three Agents column headers

Browse source 
The Coding agent header carries a padded docs link, so it measured
taller than the plain labels beside it and pushed its select down.
Pin every column header to the same height.
This commit is contained in:
Unsloth 2026-07-29 01:33:56 -07:00
commit 0f70c81776
1 changed files with 19 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

32
studio/frontend/src/features/settings/tabs/agents-tab.tsx
View file

@ -1119,7 +1119,9 @@ export function AgentsTab() {
<div className="@container">
<div className="grid grid-cols-1 items-start gap-3 @[34rem]:grid-cols-[minmax(0,0.8fr)_minmax(0,1fr)_minmax(9rem,0.5fr)]">
<div className="flex min-w-0 flex-col gap-1.5">
<div className="flex items-center justify-between gap-3">
{/* Fixed height on every column header, so the padded docs link
here cannot push this control below the other two. */}
<div className="flex h-5 items-center justify-between gap-3">
<span
data-settings-label={t("settings.agents.agent")}
className="text-xs font-medium text-foreground"
@ -1198,12 +1200,14 @@ export function AgentsTab() {
</div>
<div className="flex min-w-0 flex-col gap-1.5">
<span
data-settings-label={t("settings.agents.model")}
className="text-xs font-medium text-foreground"
>
{t("settings.agents.model")}
</span>
<div className="flex h-5 items-center">
<span
data-settings-label={t("settings.agents.model")}
className="text-xs font-medium text-foreground"
>
{t("settings.agents.model")}
</span>
</div>
<Popover
open={modelPickerOpen}
onOpenChange={(open) => {
@ -1289,12 +1293,14 @@ export function AgentsTab() {
</div>
<div className="flex min-w-0 flex-col gap-1.5">
<span
data-settings-label={t("settings.agents.quantization")}
className="text-xs font-medium text-foreground"
>
{t("settings.agents.quantization")}
</span>
<div className="flex h-5 items-center">
<span
data-settings-label={t("settings.agents.quantization")}
className="text-xs font-medium text-foreground"
>
{t("settings.agents.quantization")}
</span>
</div>
<Select
value={selectedVariant ?? undefined}
onValueChange={(variant) => {