Atualização da página de divulgação conforme textos disponibilizados …

…pelo cliente

view/src/components/TablePS/TablePS.css

@@ -1,17 +1,21 @@
 .tabelaPS {
-    width: 100%;
+    width: 400px;
     border-collapse: collapse;
     margin-bottom: 10px;
+    margin: 20px auto 10px auto;
     margin-top: 20px;
 }
 
-.tabelaPS th,
-.tabelaPS td {
+.tabelaPS th{
     border: 1px solid black;
     padding: 8px;
     text-align: left;
-}
+    width: 20%;
 
-.tabelaPS th {
-    background-color: #f2f2f2;
+}
+.tabelaPS td {
+    border: 1px solid black;
+    padding: 8px;
+    text-align: left;
+    width: 80%;
 }

view/src/components/TablePS/index.jsx

@@ -4,28 +4,26 @@ import React from 'react';
 function TablePS() {
     return (
         <table className="tabelaPS">
-            <thead>
+            <tbody>
                 <tr>
-                    <th>Column 1</th>
-                    <th>Column 2</th>
+                    <td>Inicio das Inscrições</td>
+                    <td>11/03/2024</td>
                 </tr>
-            </thead>
-            <tbody>
                 <tr>
-                    <td>Row 1, Column 1</td>
-                    <td>Row 1, Column 2</td>
+                    <td>Término das Inscrições</td>
+                    <td>12/04/2024</td>
                 </tr>
                 <tr>
-                    <td>Row 2, Column 1</td>
-                    <td>Row 2, Column 2</td>
+                    <td>Inicio do processo seletivo</td>
+                    <td>13/04/2024</td>
                 </tr>
                 <tr>
-                    <td>Row 3, Column 1</td>
-                    <td>Row 3, Column 2</td>
+                    <td>Término do processo seletivo</td>
+                    <td>01/07/2024</td>
                 </tr>
                 <tr>
-                    <td>Row 4, Column 1</td>
-                    <td>Row 4, Column 2</td>
+                    <td>Resultados</td>
+                    <td>02/07/2024</td>
                 </tr>
             </tbody>
         </table>

view/src/components/TableProx/TableProx.css

@@ -1,16 +1,30 @@
 .tabelaProx {
-    width: 100%;
+    width: 600px;
     border-collapse: collapse;
+    margin-bottom: 10px;
+    margin: 20px auto 10px auto;
     margin-top: 20px;
 }
 
-.tabelaProx th,
+.tabelaProx th{
+    border: 1px solid black;
+    padding: 8px;
+    text-align: left;
+}
 .tabelaProx td {
     border: 1px solid black;
     padding: 8px;
     text-align: left;
 }
 
-.tabelaProx th {
-    background-color: #f2f2f2;
-}
+.tamanhoEvento{
+    width: 45%;
+}
+
+.tamanhoLocal{
+    width: 25%;
+}
+.tamanhoData{
+    width: 30%;
+}
+

view/src/components/TableProx/index.jsx

@@ -6,26 +6,16 @@ function TableProx() {
         <table className="tabelaProx">
             <thead>
                 <tr>
-                    <th>Column 1</th>
-                    <th>Column 2</th>
+                    <th className='tamanhoEvento'>Evento</th>
+                    <th className='tamanhoLocal'>Local</th>
+                    <th className='tamanhoData'>Data</th>
                 </tr>
             </thead>
             <tbody>
                 <tr>
-                    <td>Row 1, Column 1</td>
-                    <td>Row 1, Column 2</td>
-                </tr>
-                <tr>
-                    <td>Row 2, Column 1</td>
-                    <td>Row 2, Column 2</td>
-                </tr>
-                <tr>
-                    <td>Row 3, Column 1</td>
-                    <td>Row 3, Column 2</td>
-                </tr>
-                <tr>
-                    <td>Row 4, Column 1</td>
-                    <td>Row 4, Column 2</td>
+                    <td>Competição Brasileira de Robótica (CBR)</td>
+                    <td>Goiânia - GO</td>
+                    <td>11 a 17 de Novembro</td>
                 </tr>
             </tbody>
         </table>

view/src/pages/Divulgation/Divulgation.css

@@ -41,6 +41,16 @@
   margin-top: 10px;
 }
 
+.circular-imagem {
+  width: 100px; 
+  height: 100px; 
+  border-radius: 50%; 
+  object-fit: cover; /* Garante que a imagem cubra completamente o elemento */
+  overflow: hidden; /* Garante que a imagem não transborde dos limites */
+  margin-left: 60px;
+  margin: 0 auto;
+}
+
 .iconDrone {
   width: 60px;
   height: auto;
@@ -119,6 +129,8 @@
 .legenda {
   margin-top: 10px;
   font-size: 10px;
+  text-align: center;
+  width: 100%;
 }
 
 .iconAgenda {
@@ -146,4 +158,23 @@
 
 .campeonatoY {
   margin-top: 20px;
-}
+}
+
+.paragrafo {
+
+}
+
+.fotosIntegrantes{
+  margin-top: 10px;
+  text-align: center;  
+  display: flex;
+  gap: 60px;
+  margin-bottom: 20px;
+  justify-content: center;
+}
+
+.legendaFotos {
+  margin-top: 20px; 
+  font-size: 12px; /* Tamanho da fonte (ajuste conforme necessário) */
+  text-align: center;
+}