fix: react ui upload form should have a max width

Signed-off-by: Nick Mitchell <[email protected]>
IBM · Jan 24, 2025 · 61237ce · 61237ce
1 parent 05804b3
commit 61237ce
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/pdl-live-react/src/page/Upload.css b/pdl-live-react/src/page/Upload.css
@@ -0,0 +1,3 @@
+.pdl-upload-form {
+  max-width: 800px;
+}
diff --git a/pdl-live-react/src/page/Uploader.tsx b/pdl-live-react/src/page/Uploader.tsx
@@ -14,6 +14,7 @@ import {
 } from "@patternfly/react-core"
 
 import Page from "./Page"
+import "./Upload.css"
 
 const maxSize = 10 * 1024 * 1024
 
@@ -98,7 +99,7 @@ export default function Uploader() {
 
   return (
     <Page breadcrumb1="Uploader" breadcrumb2={filename} value={value}>
-      <Form>
+      <Form className="pdl-upload-form">
         <FormGroup fieldId="text-file-with-restrictions-example">
           <FileUpload
             id="text-file-with-restrictions-example"