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