fix: ajustando tamanho máximo dos inputs e ajustando os placeholder

Refs: #5
fga-eps-mds · Jul 27, 2024 · 0797acb · 0797acb
1 parent 7fb6e6b
commit 0797acb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/forms/ContractForm.js b/src/components/forms/ContractForm.js
@@ -10,13 +10,13 @@ export default function ContractForm(){
       <h1 id="titulo">Cadastro de Contratos</h1>
       <form>
         <label id="label">Contrato
-          <input id="inputCampos" placeholder="Insira o n° do contrato" type="text"></input>
+          <input id="inputCampos" placeholder="Insira o n° do contrato" type="text" maxLength={50} ></input>
         </label>
         <label id="label">Gestor do Contrato
-          <input id="inputCampos" placeholder="Insira o nome do gestor" type="text"></input>
+          <input id="inputCampos" placeholder="Insira o nome do gestor" type="text" maxLength={255}></input>
         </label>
         <label id="label">Descrição do Contrato (Processo)
-          <input id="inputDescricao" placeholder="Insira a descrição do contrato" type="text"></input>
+          <input id="inputDescricao" placeholder="Insira a descrição do contrato" type="text" maxLength={255}></input>
         </label>
         <div id="inputData">
           <label id="label">Data de Início

diff --git a/src/style/components/contractForm.css b/src/style/components/contractForm.css
@@ -21,7 +21,6 @@
 
 #inputData{
     display: flex;
-
 }
 
 #inputDescricao{
@@ -31,6 +30,7 @@
     border-radius: 10px;
     border-color: #0D3D6D;
     border-style: solid;
+    padding-left: 20px;
 }
 
 #inputCampos{
@@ -39,6 +39,7 @@
     border-radius: 10px;
     border-color: #0D3D6D;
     border-style: solid;
+    padding-inline: 20px;
 }
 
 ::placeholder{