Center cutting configuration dialog
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user