criando a pagina de noticias responsiva

peapescarte · Sep 13, 2024 · 7bfce47 · 7bfce47
1 parent fa924fa
commit 7bfce47
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 1 deletion.
diff --git a/assets/css/app.scss b/assets/css/app.scss
@@ -173,6 +173,7 @@ footer {
 // Sem autenticação
 @import "./pages/login.scss";
 @import "./aboutus.scss";
+@import "./noticias.scss";
 
 @import "./agenda.scss";
 @import "./contact.scss";

diff --git a/assets/css/noticias.scss b/assets/css/noticias.scss
@@ -0,0 +1,6 @@
+.noticias-grid {
+  max-width: 100vw !important;
+  div {
+    max-width: 100vw;
+  }
+}
diff --git a/lib/pescarte_web/templates/article_html/show.html.heex b/lib/pescarte_web/templates/article_html/show.html.heex
@@ -58,6 +58,41 @@
             </DesignSystem.link>
           </td>
         </tr>
+        <tr>
+          <td></td>
+          <td>2024</td>
+          <td>
+            <DesignSystem.link href="" class="text-sm font-semibold" target-blank>
+              Leia aqui
+            </DesignSystem.link>
+          </td>
+        </tr>
+        <tr>
+          <td></td>
+          <td>2024</td>
+          <td>
+            <DesignSystem.link href="" class="text-sm font-semibold" target-blank>
+              Leia aqui
+            </DesignSystem.link>
+          </td>
+        </tr>
+        <tr>
+          <td>
+            UM OLHAR ESTATÍSTICO SOBRE A PESCA: A EXPERIÊNCIA DE
+            APLICAÇÃO DE CENSO EM COMUNIDADES PESQUEIRAS DO LITORAL FLUMINENSE".
+          </td>
+          <td>2022</td>
+          <td>
+            <DesignSystem.link
+              href="https://www.even3.com.br/anais/xc22021/437072-um-olhar-estatistico-sobre-a-pesca--a-experiencia-de-aplicacao-de-censo-em-comunidades-pesqueiras-do-litoral-flum/"
+              class="text-sm font-semibold"
+              target-blank
+            >
+              Leia aqui
+            </DesignSystem.link>
+          </td>
+        </tr>
+
         <tr>
           <td>Atafona: records of a world in ruins</td>
           <td>2023</td>

diff --git a/lib/pescarte_web/templates/noticias_html/show.html.heex b/lib/pescarte_web/templates/noticias_html/show.html.heex
@@ -1,4 +1,4 @@
-<main class="landing-grid">
+<main class="noticias-grid">
   <.flash :if={@error_message} id="login-error" kind={:error}>
     <%= @error_message %>
   </.flash>