correção de bugs e melhorias de estilo

LeandroGoulart · Mar 1, 2024 · cb27a77 · cb27a77
1 parent fd26d5a
commit cb27a77
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/assets/main.js b/assets/main.js
@@ -35,7 +35,7 @@ function criptografar(txt) {
     }
 function btnEncriptar(){
     const textoCriptografado = criptografar(textoRecebido.value);
-    mensagem.innerText = textoCriptografado;
+    mensagem.value = textoCriptografado;
     trocarImagemResposta('locked');
     textoRecebido.value = '';
 }
@@ -49,7 +49,7 @@ function decodificar(txt) {
 }
 function btnDecodificar(){
     const textoDecodificado = decodificar(textoRecebido.value);
-    mensagem.innerText = textoDecodificado;
+    mensagem.value = textoDecodificado;
     trocarImagemResposta('opened');
     textoRecebido.value = '';
 }
@@ -86,4 +86,4 @@ function trocarImagemResposta(nomeImagem) {
     } else {
         console.error('Imagem não encontrada:', nomeImagem);
     }
-}
+}
diff --git a/assets/styles.css b/assets/styles.css
@@ -99,7 +99,8 @@ body {
 }
 
 .informacao{
-    margin-left: 2vh;
+    margin-left: 3vh;
+    margin-bottom: 1vh;
     padding: 1vh;
 }
 
@@ -169,20 +170,18 @@ body {
 
 footer {
     position: fixed;
-    align-items: center;
-    justify-content: center;
     bottom: 0;
     width: 100%;
     height: 40px;
     background-color: var(--cor-terciaria);
     color: var(--cor-primaria);
     text-align: center;
-    padding: 10px;
+    padding:1vh;
     z-index: 1000;
 }
 
 .linkedin{
-    width: 3vh;
-    height: 3vh;
+    width: 2.5vh;
+    height: 2.5vh;
     margin: 0 10px;
 }
diff --git a/index.html b/index.html
@@ -25,7 +25,7 @@ <h1 class="titulo-principal">Decodificador de Mensagens</h1>
     <main class="container">
 
         <section class="texto-entrada">
-            <textarea  class="area-texto-entrada" id="campo-texto" cols="62" rows="7" placeholder=".Digite a mensagem a ser cifrada"></textarea>
+            <textarea  class="area-texto-entrada" id="campo-texto" cols="62" rows="8" placeholder=".Digite a mensagem a ser cifrada"></textarea>
 
             <div class="informacao">
                 <h6>
@@ -42,7 +42,7 @@ <h6>
         </section>
 
         <section class="texto-saida">
-            <textarea class="mensagem" id="campo-mensagem" cols="12" rows="10">Mensagem não encontrada
+            <textarea class="mensagem" id="campo-mensagem" cols="8" rows="10">Mensagem não encontrada
             </textarea>
             <button class="btn-copiar" onclick="copiarTexto()">Copiar</button>
             <div class="imagem-resposta" id="imagem-resposta">