fixing input

src/components/inputUploadImg/inputUpload.tsx

@@ -30,7 +30,6 @@ export default function InputUploadPdf() {
 
       </article>
 
-
     </div>
 
         <div className="update">

src/components/inputUploadPdf/inputUploadView.ts

@@ -16,7 +16,7 @@ input[type="file"] {
 label {
     width: 140px;
     height: 30px;
-    margin-top: -30px;
+    margin-top: 10px;
     border-radius: 4px;
     margin-left: 69px;
     background-color: #254F7F;

src/pages/administrative/clients/index.tsx

@@ -22,6 +22,7 @@ import { GetServerSideProps } from 'next';
 import getAPIClient from '../../../services/ssrApi';
 
 import FormData from 'form-data';
+import { InputUploadView } from '../../../components/inputUploadImg/inputUploadView';
 
 const style = {
   position: 'absolute' as const,
@@ -196,8 +197,26 @@ export default function clients({clients, userName}) {
             client_id: value.target.value
           })
         }} variant="outlined" />
-        <input type="file" onChange={onChange}/>
-        {/* <InputUpload /> */}
+            <InputUploadView>
+
+<div className='imgContainer'>
+        <article>
+
+      </article>
+
+    </div>
+
+        <div className="update">
+
+        <form action="">
+          <div >
+            <label  htmlFor="arquivo"> <p className='TitleButton'> Enviar foto de Perfil </p>   </label>
+            <input  type="file" name='arquivo' id='arquivo' onChange={onChange} />
+          </div>
+        </form>
+      </div>
+
+    </InputUploadView>
         <br /><br />
       <FaqButton1  title='Cancelar' onClick={() => setOpen(false)} />
       <FaqButton2  title='Salvar' onClick={() => handleCreateClient(client)}/>

src/pages/administrative/industryInfo/index.tsx

@@ -13,6 +13,7 @@ import FormData from 'form-data';
 
 import Snackbar from '@mui/material/Snackbar';
 import MuiAlert, { AlertProps } from '@mui/material/Alert';
+import { InputUploadView } from '../../../components/inputUploadPdf/inputUploadView'
 
 const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(
   props,
@@ -69,8 +70,17 @@ export default function industryInfo({userName}: any) {
       <Header name={userName} />
       <div className='title'>
         <PageTitle title='Info Setorial' subtitle='Realize o upload da última versão de info setorial' />
-        <input type="file" onChange={onChange}/>
-        <InputUploadPdf/>
+        <InputUploadView>
+          <div className="update">
+          <form action="">
+            <div className='testess'>
+              <label  htmlFor="arquivo"> <p className='TitleButton'> Enviar PDF </p>   </label>
+              <input  type="file" name='arquivo' id='arquivo' onChange={onChange} />
+            </div>
+          </form>
+          </div>
+        </InputUploadView>
+        {/* <InputUploadPdf/> */}
       </div>
 
       <BasicButton onClick={() => handleCreateClient()} title='Atualizar'/>