Merge pull request #372 from unslothai/fix/input-focus-clipping
Input focus outline clipped by container
This commit is contained in:
commit
e0b170a8d2
4 changed files with 6 additions and 6 deletions
|
|
@ -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,
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue