fix(site): set minimum width for TemplateCustomizationsStep (#26939)

fixes DEVEX-577

Now the template customizations step gets a horizontal scrollbar if the
window is too narrow to nicely display its 2 columns of inputs:


https://github.com/user-attachments/assets/888f723c-8d54-4e37-b53a-e31b6b486e88
This commit is contained in:
Andrew Aquino
2026-07-01 14:18:29 -07:00
committed by GitHub
parent 0c006a40f3
commit 04d523b9ab
2 changed files with 3 additions and 3 deletions
@@ -135,7 +135,7 @@ export const TemplateBuilderPageView: FC<TemplateBuilderPageViewProps> = ({
<div className="flex gap-8">
{/* Main content area */}
<div className="flex-1 min-w-0">
<div className="p-6 border border-solid rounded-lg">
<div className="p-6 border border-solid rounded-lg overflow-x-auto">
{renderStepContent(
currentStep.id,
state,
@@ -63,7 +63,7 @@ export const TemplateCustomizationsStep: FC<
};
return (
<>
<div className="min-w-[654px]">
<TemplateBuilderTitle>Customizations</TemplateBuilderTitle>
<TemplateBuilderSubtitle>
Add additional configurations.
@@ -152,7 +152,7 @@ export const TemplateCustomizationsStep: FC<
</div>
</div>
</div>
</>
</div>
);
};