fix mobile
This commit is contained in:
@@ -64,6 +64,7 @@ import { createSearch } from '@repo/util/meili'
|
|||||||
import { Await } from 'react-router'
|
import { Await } from 'react-router'
|
||||||
import { cn } from '@repo/ui/lib/utils'
|
import { cn } from '@repo/ui/lib/utils'
|
||||||
import Fuse from 'fuse.js'
|
import Fuse from 'fuse.js'
|
||||||
|
import { useIsMobile } from '@repo/ui/hooks/use-mobile'
|
||||||
|
|
||||||
const enrollment = z.object({
|
const enrollment = z.object({
|
||||||
user: z
|
user: z
|
||||||
@@ -455,6 +456,7 @@ function DuplicateRowMultipleTimes({
|
|||||||
duplicateRow: (index: number, times: number) => void
|
duplicateRow: (index: number, times: number) => void
|
||||||
}) {
|
}) {
|
||||||
const [open, { toggle, set }] = useToggle()
|
const [open, { toggle, set }] = useToggle()
|
||||||
|
const isMobile = useIsMobile()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Popover open={open} onOpenChange={toggle}>
|
<Popover open={open} onOpenChange={toggle}>
|
||||||
@@ -469,7 +471,7 @@ function DuplicateRowMultipleTimes({
|
|||||||
</Button>
|
</Button>
|
||||||
</PopoverTrigger>
|
</PopoverTrigger>
|
||||||
|
|
||||||
<PopoverContent align="end" className="w-80">
|
<PopoverContent align={isMobile ? 'start' : 'end'} className="w-80">
|
||||||
<form
|
<form
|
||||||
onSubmit={(e) => {
|
onSubmit={(e) => {
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
|
|||||||
Reference in New Issue
Block a user