better responsive confirm save width

2026-04-28 19:59:46 -05:00 · 2026-03-13 01:17:23 -07:00
parent ca021a3979
commit 8c682c091f
1 changed files with 11 additions and 1 deletions
--- a/ui/src/ui/config/confirm.tsx
+++ b/ui/src/ui/config/confirm.tsx
@@ -56,7 +56,17 @@ export default function ConfirmUpdate<T>({
  return (
    <>
      <Modal title="Confirm Update" opened={opened} onClose={close} size="auto">
-        <Stack gap="xl" w={1400} maw="95vw" my="lg">
+        <Stack
+          gap="xl"
+          w={1400}
+          maw={{
+            base: "calc(100vw - 100px)",
+            xs: "calc(100vw - 150px)",
+            sm: "calc(100vw - 200px)",
+            md: "calc(100vw - 250px)",
+          }}
+          my="lg"
+        >
          <Stack>
            {Object.entries(content).map(([key, val], i) => (
              <ConfirmUpdateItem