fix: Consertando o front do newsletter

unb-mds · Aug 14, 2024 · 67830ba · 67830ba
1 parent 7b11a8d
commit 67830ba
Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/frontend/src/components/newsletter/index.jsx b/frontend/src/components/newsletter/index.jsx
@@ -31,13 +31,11 @@ const SubscribeForm = () => {
   return (
     <form onSubmit={handleSubmit}>
       <div className={style.newsletter}>
+      <div>
       <div className={style['newsletter-text']}>
             <h1>Receba as mais recentes licitações diretamente no seu e-mail</h1>
             <h2>Se você deseja receber no seu melhor email XXXMENTE as licitações mais recentes do Distrito Federal, cadastre seu email no LicitaBSB abaixo:</h2>
         </div>
-        <div className={style['newsletter-image']}>
-            <img src={amicoImage}/>
-        </div>
         <div className={style['newsletter-form']}>
             <input
                 placeholder="Digite seu email aqui."
@@ -48,7 +46,10 @@ const SubscribeForm = () => {
             />
             <button type="submit">Enviar</button>
         </div>
-
+        </div>
+        <div className={style['newsletter-image']}>
+            <img src={amicoImage}/>
+        </div>
       </div>
       {message && <p>{message}</p>}
     </form>

diff --git a/frontend/src/components/newsletter/style.module.css b/frontend/src/components/newsletter/style.module.css
@@ -1,13 +1,14 @@
 .newsletter {
     display: flex;
+    flex-direction: row;
     align-items: center;
     justify-content: space-between;
     gap: 20px;
     padding: 30px; 
     background-color: #F1ECE8; 
     border-radius: 10px;
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-    flex-wrap: wrap; 
+
 }
 
 .newsletter h1 {
@@ -70,8 +71,8 @@
 }
 
 .newsletter img {
-    width: 251px; 
-    height: 209px; 
+    width: 351px; 
+    height: 309px; 
     object-fit: cover;
     border-radius: 10px;
 }