Merge pull request #372 from unslothai/fix/input-focus-clipping

Input focus outline clipped by container
This commit is contained in:
Roland Tannous 2026-03-11 18:12:04 +04:00 committed by GitHub
commit e0b170a8d2
4 changed files with 6 additions and 6 deletions

View file

@ -55,7 +55,7 @@ export function SectionCard({
return (
<div
className={cn(
"bg-card corner-squircle rounded-3xl ring-1 ring-foreground/10 flex flex-col gap-5 p-5 relative overflow-hidden transition-all duration-300 ease-in-out",
"bg-card corner-squircle rounded-3xl ring-1 ring-foreground/10 flex flex-col gap-5 p-5 relative overflow-clip transition-all duration-300 ease-in-out",
featured && styles.border,
className,
)}

View file

@ -1,6 +1,6 @@
// SPDX-License-Identifier: AGPL-3.0-only - See /studio/LICENSE.AGPL-3.0
// Copyright © 2025 Unsloth AI
// SPDX-License-Identifier: AGPL-3.0-only - See /studio/LICENSE.AGPL-3.0
// Copyright © 2025 Unsloth AI
import { cn } from "@/lib/utils";
import { Collapsible as CollapsiblePrimitive } from "radix-ui";

View file

@ -718,7 +718,7 @@ export function DatasetSection() {
/>
Advanced
</CollapsibleTrigger>
<CollapsibleContent className="mt-3">
<CollapsibleContent className="mt-3 data-[state=open]:overflow-visible">
<div className="flex flex-col gap-4">
<div className="flex flex-col gap-2">
<span className="flex items-center gap-1.5 text-xs font-medium text-muted-foreground">

View file

@ -487,7 +487,7 @@ export function ParamsSection(): ReactElement {
/>
Training Hyperparameters
</CollapsibleTrigger>
<CollapsibleContent className="mt-3">
<CollapsibleContent className="mt-3 data-[state=open]:overflow-visible">
<Tabs defaultValue="optimization" className="w-full">
<TabsList className="w-full">
<TabsTrigger