blyzer/graphs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix cutting settings overlay coverage
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 50s
Details

Browse Source
This commit is contained in:
Cauê Faleiros
2026-07-08 13:49:33 -03:00
parent 2ff426559a
commit 090fa21ba5
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/Cutting.tsx
View File

@@ -273,8 +273,13 @@ const Cutting = () => {
} }
}; };
const previousOverflow = document.body.style.overflow;
document.body.style.overflow = 'hidden';
document.addEventListener('keydown', closeOnEscape); document.addEventListener('keydown', closeOnEscape);
return () => document.removeEventListener('keydown', closeOnEscape); return () => {
document.body.style.overflow = previousOverflow;
document.removeEventListener('keydown', closeOnEscape);
};
}, [isSettingsOpen]); }, [isSettingsOpen]);
const updateFamilyYield = (familyKey: CutFamilyKey, value: string) => { const updateFamilyYield = (familyKey: CutFamilyKey, value: string) => {
@@ -431,14 +436,14 @@ const Cutting = () => {
{isSettingsOpen && ( {isSettingsOpen && (
<div <div
className="fixed inset-0 z-50 flex justify-end bg-black/60 backdrop-blur-sm" className="fixed inset-0 z-50 flex h-dvh justify-end overflow-hidden bg-zinc-950/80 backdrop-blur-md dark:bg-black/75"
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-full w-full max-w-6xl space-y-4 overflow-y-auto border-l border-dark-border bg-dark-card p-5 shadow-2xl" 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"
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">