mirror of
https://github.com/Skyvern-AI/skyvern.git
synced 2025-09-02 10:41:04 +00:00
fix the overflow in credential items (#1937)
Co-authored-by: Muhammed Salih Altun <muhammedsalihaltun@gmail.com>
This commit is contained in:
parent
43daf3da48
commit
882865ffed
1 changed files with 7 additions and 3 deletions
|
@ -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">
|
||||||
|
|
Loading…
Add table
Reference in a new issue