fix: walked model row gets its outline back — inset ring over the accent tint
ring-1 ring-inset paints INSIDE the border box, so the overflow clip can't shave it (round 5 follow-up: make the highlight stand out a bit more).
This commit is contained in:
@@ -321,7 +321,7 @@ export function ModelControl({
|
|||||||
data-idx={i}
|
data-idx={i}
|
||||||
onClick={() => pickModel(m)}
|
onClick={() => pickModel(m)}
|
||||||
className={`flex w-full flex-col gap-0.5 rounded-lg px-2 py-1.5 text-left outline-none transition-colors hover:bg-muted ${
|
className={`flex w-full flex-col gap-0.5 rounded-lg px-2 py-1.5 text-left outline-none transition-colors hover:bg-muted ${
|
||||||
i === menuIdx ? "bg-accent/40" : ""
|
i === menuIdx ? "bg-accent/40 ring-1 ring-inset ring-border" : ""
|
||||||
}${m.id === effectiveId && i !== menuIdx ? " bg-muted/60" : ""}`}
|
}${m.id === effectiveId && i !== menuIdx ? " bg-muted/60" : ""}`}
|
||||||
>
|
>
|
||||||
<span className="flex items-center justify-between gap-2">
|
<span className="flex items-center justify-between gap-2">
|
||||||
|
|||||||
Reference in New Issue
Block a user