fix the overflow in credential items (#1937)

Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>
This commit is contained in:
Shuchang Zheng 2025-03-14 09:35:32 -07:00 committed by GitHub
parent 43daf3da48
commit 882865ffed
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -1,7 +1,9 @@
import {
CustomSelectItem,
Select,
SelectContent,
SelectItem,
SelectItemText,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
@ -49,19 +51,21 @@ function CredentialSelector({ value, onChange }: Props) {
</SelectTrigger>
<SelectContent>
{credentials.map((credential) => (
<SelectItem
<CustomSelectItem
key={credential.credential_id}
value={credential.credential_id}
>
<div className="space-y-2">
<p className="text-sm font-medium">{credential.name}</p>
<p className="text-sm font-medium">
<SelectItemText>{credential.name}</SelectItemText>
</p>
<p className="text-xs text-slate-400">
{credential.credential_type === "password"
? "Password"
: "Credit Card"}
</p>
</div>
</SelectItem>
</CustomSelectItem>
))}
<SelectItem value="new">
<div className="flex items-center gap-2">