TNT-Flo/sandbox-web-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve border clipping issue

Browse Source
This commit is contained in:
Hamzat Victor 2024-10-14 12:21:20 +01:00
parent 82c6a12883
commit 3c4e8ec2de
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/components/dashboard/newProject.tsx
View File

@ -154,9 +154,12 @@ export default function NewProjectModal({
id: item.id, id: item.id,
index: i, index: i,
})} })}
className={`${ className={cn(
selected === item.id ? "border-foreground" : "border-border" selected === item.id
} rounded-md border bg-card text-card-foreground shadow text-left p-4 flex flex-col transition-all focus-visible:outline-none focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 disabled:cursor-not-allowed`} ? "shadow-foreground"
: "shadow-border",
"shadow-[0_0_0_1px_inset] rounded-md border bg-card text-card-foreground text-left p-4 flex flex-col transition-all focus-visible:outline-none focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 disabled:cursor-not-allowed"
)}
> >
<div className="space-x-2 flex items-center justify-start w-full"> <div className="space-x-2 flex items-center justify-start w-full">
<Image alt="" src={item.icon} width={20} height={20} /> <Image alt="" src={item.icon} width={20} height={20} />