fix: footer layout and fade in monitor

imrob-s · Feb 5, 2024 · b69e5e3 · b69e5e3
1 parent 62beab9
commit b69e5e3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -25,7 +25,7 @@ <h2 class="subtitulo fadeIn second">
             </h2>
             <a href="#" class="btn fadeIn third" id="btn-iniciar">Quero começar</a>
         </header>
-        <div class="img__monitor">
+        <div class="img__monitor fadeIn">
             <textarea id="textArea" name="texto-saida" cols="30" rows="10" 
             class="img__texto_monitor fadeIn third" spellcheck="false"></textarea>
             <a href="javascript:copiarTexto()" id="btn-copiar" class="btn__copiar esconder"><img src="./assets/copiar-arquivo.png" alt="Copiar" srcset=""></a>

diff --git a/styles/style.css b/styles/style.css
@@ -170,14 +170,15 @@ body {
     justify-content: center;
     align-items: center;
     height: 65px;
+    width: max-content;
     flex-wrap: wrap;
     bottom: 0;
-    background-color: rgba(2,10,6, 0.9);
+    background-color: rgba(0,0,0, 0.9);
 }
 
 .social {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-evenly;
     width: 80%;
 }