fix(slice-machine): convert legacy slice dialog overflow

prismicio · Oct 12, 2023 · 70cc634 · 70cc634
1 parent 653b17a
commit 70cc634
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/...ice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx b/...ice-machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewSliceDialog.tsx
@@ -61,7 +61,10 @@ export const ConvertLegacySliceAsNewSliceDialog: FC<DialogProps> = ({
             return (
               <form id="convert-legacy-slice-as-new-slice-dialog">
                 <Box display="flex" flexDirection="column">
-                  <ScrollArea className={styles.scrollArea}>
+                  <ScrollArea
+                    className={styles.scrollArea}
+                    style={{ width: 448 }}
+                  >
                     <Text variant="normal" color="grey11">
                       This will create a new slice with the same fields. The new
                       slice will replace the legacy slice in all of your types,

diff --git a/...machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx b/...machine/src/features/slices/convertLegacySlice/ConvertLegacySliceAsNewVariationDialog.tsx
@@ -65,7 +65,10 @@ export const ConvertLegacySliceAsNewVariationDialog: FC<DialogProps> = ({
             return (
               <form id="convert-legacy-slice-as-new-variation-dialog">
                 <Box display="flex" flexDirection="column">
-                  <ScrollArea className={styles.scrollArea}>
+                  <ScrollArea
+                    className={styles.scrollArea}
+                    style={{ width: 448 }}
+                  >
                     <Text variant="normal" color="grey11">
                       If you have multiple slices that are similar, you can
                       combine them as variations of the same slice.

diff --git a/...ine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx b/...ine/src/features/slices/convertLegacySlice/ConvertLegacySliceMergeWithIdenticalDialog.tsx
@@ -49,7 +49,10 @@ export const ConvertLegacySliceMergeWithIdenticalDialog: FC<DialogProps> = ({
             return (
               <form id="convert-legacy-slice-merge-with-identical-dialog">
                 <Box display="flex" flexDirection="column">
-                  <ScrollArea className={styles.scrollArea}>
+                  <ScrollArea
+                    className={styles.scrollArea}
+                    style={{ width: 448 }}
+                  >
                     <Text variant="normal" color="grey11">
                       If you have multiple identical slices, you can merge them.
                       All of your content will be remapped to the target slice.