🐛 fix: Set modal prop to false for DropdownMenu in multiple components for improved user experience
This commit is contained in:
parent
fe14002359
commit
0253b62b63
@ -98,7 +98,7 @@ function DynamicField({
|
|||||||
field.generate ? (
|
field.generate ? (
|
||||||
field.generate.functions &&
|
field.generate.functions &&
|
||||||
field.generate.functions.length > 0 ? (
|
field.generate.functions.length > 0 ? (
|
||||||
<DropdownMenu>
|
<DropdownMenu modal={false}>
|
||||||
<DropdownMenuTrigger asChild>
|
<DropdownMenuTrigger asChild>
|
||||||
<Button size="sm" type="button" variant="ghost">
|
<Button size="sm" type="button" variant="ghost">
|
||||||
<Icon className="h-4 w-4" icon="mdi:key" />
|
<Icon className="h-4 w-4" icon="mdi:key" />
|
||||||
|
|||||||
@ -88,7 +88,7 @@ export default function User() {
|
|||||||
<Button variant="destructive">{t("delete", "Delete")}</Button>
|
<Button variant="destructive">{t("delete", "Delete")}</Button>
|
||||||
}
|
}
|
||||||
/>,
|
/>,
|
||||||
<DropdownMenu key="more">
|
<DropdownMenu key="more" modal={false}>
|
||||||
<DropdownMenuTrigger asChild>
|
<DropdownMenuTrigger asChild>
|
||||||
<Button variant="outline">{t("more", "More")}</Button>
|
<Button variant="outline">{t("more", "More")}</Button>
|
||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
|
|||||||
@ -242,7 +242,7 @@ function RowMoreActions({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="inline-flex">
|
<div className="inline-flex">
|
||||||
<DropdownMenu>
|
<DropdownMenu modal={false}>
|
||||||
<DropdownMenuTrigger asChild>
|
<DropdownMenuTrigger asChild>
|
||||||
<Button variant="outline">{t("more", "More")}</Button>
|
<Button variant="outline">{t("more", "More")}</Button>
|
||||||
</DropdownMenuTrigger>
|
</DropdownMenuTrigger>
|
||||||
|
|||||||
@ -33,7 +33,7 @@ export function UserNav() {
|
|||||||
|
|
||||||
if (user) {
|
if (user) {
|
||||||
return (
|
return (
|
||||||
<DropdownMenu>
|
<DropdownMenu modal={false}>
|
||||||
<DropdownMenuTrigger asChild>
|
<DropdownMenuTrigger asChild>
|
||||||
<div className="flex cursor-pointer items-center gap-2 rounded-full border bg-background px-2 py-1.5 transition-colors duration-200 hover:bg-accent">
|
<div className="flex cursor-pointer items-center gap-2 rounded-full border bg-background px-2 py-1.5 transition-colors duration-200 hover:bg-accent">
|
||||||
<Avatar className="h-6 w-6">
|
<Avatar className="h-6 w-6">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user