Center cutting configuration dialog

This commit is contained in:
Cauê Faleiros
2026-08-12 11:16:06 -03:00
parent 1726b4bdbe
commit 7e772bbf79

View File

@@ -929,14 +929,14 @@ const Cutting = () => {
{isSettingsOpen && ( {isSettingsOpen && (
<div <div
className="fixed inset-0 z-50 flex h-dvh justify-end overflow-hidden bg-zinc-950/80 backdrop-blur-md dark:bg-black/75" className="fixed inset-0 z-50 flex min-h-dvh items-center justify-center overflow-y-auto bg-zinc-950/80 p-4 backdrop-blur-md dark:bg-black/75 sm:p-6"
role="dialog" role="dialog"
aria-modal="true" aria-modal="true"
aria-label="Regras de corte" aria-label="Regras de corte"
onClick={() => setIsSettingsOpen(false)} onClick={() => setIsSettingsOpen(false)}
> >
<div <div
className="h-dvh w-full max-w-6xl space-y-4 overflow-y-auto border-l border-dark-border bg-dark-card p-5 shadow-2xl" className="max-h-[calc(100dvh-2rem)] w-full max-w-6xl space-y-4 overflow-y-auto rounded-2xl border border-dark-border bg-dark-card p-5 shadow-2xl sm:max-h-[calc(100dvh-3rem)] sm:p-6"
onClick={(event) => event.stopPropagation()} onClick={(event) => event.stopPropagation()}
> >
<div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between"> <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">