teste
/
testes
Template
2
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects 1 Releases Wiki Activity

Update z-index values for dialog components to ensure proper layering in the UI. Adjusted EmployeeEditModal and DialogOverlay for improved visibility and interaction.

This commit is contained in:
daivid.alves 2026-01-19 16:09:27 -03:00
parent 23da592b41
commit 36b591b0a4
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ui/dialog.jsx
View File

@ -18,7 +18,7 @@ const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (
<DialogPrimitive.Overlay <DialogPrimitive.Overlay
ref={ref} ref={ref}
className={cn( className={cn(
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "fixed inset-0 z-[199] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
className className
)} )}
{...props} /> {...props} />
@ -31,7 +31,7 @@ const DialogContent = React.forwardRef(({ className, children, ...props }, ref)
<DialogPrimitive.Content <DialogPrimitive.Content
ref={ref} ref={ref}
className={cn( className={cn(
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg", "fixed left-[50%] top-[50%] z-[200] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
className className
)} )}
{...props}> {...props}>

2
src/features/rh/components/EmployeeEditModal.jsx
View File

@ -73,7 +73,7 @@ export const EmployeeEditModal = ({ isOpen, onClose, employee, onUpdate }) => {
return ( return (
<Dialog open={isOpen} onOpenChange={onClose}> <Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className="max-w-2xl bg-white dark:bg-[#1b1b1b] border-slate-200 dark:border-white/10 rounded-[32px] overflow-hidden p-0"> <DialogContent className="max-w-2xl bg-white dark:bg-[#1b1b1b] border-slate-200 dark:border-white/10 rounded-[32px] overflow-hidden p-0 z-[200]">
<DialogHeader className="p-8 pb-4 bg-emerald-500/5"> <DialogHeader className="p-8 pb-4 bg-emerald-500/5">
<DialogTitle className="text-xl font-black text-slate-800 dark:text-white"> <DialogTitle className="text-xl font-black text-slate-800 dark:text-white">
Editar Colaborador Editar Colaborador