From 7e772bbf79ec6f33361cdecf2cf4095492728beb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 12 Aug 2026 11:16:06 -0300
Subject: [PATCH] Center cutting configuration dialog

---
 src/pages/Cutting.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Cutting.tsx b/src/pages/Cutting.tsx
index 1e9e72a..8125a07 100644
--- a/src/pages/Cutting.tsx
+++ b/src/pages/Cutting.tsx
@@ -929,14 +929,14 @@ const Cutting = () => {
 
       {isSettingsOpen && (
         <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"
           aria-modal="true"
           aria-label="Regras de corte"
           onClick={() => setIsSettingsOpen(false)}
         >
           <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()}
           >
           <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">