From 1dbfc1ab9068c93676c5382443f08d5a8822aada Mon Sep 17 00:00:00 2001
From: Douglas Tofoli <tofoli.douglas@hotmail.com>
Date: Thu, 26 Sep 2024 22:09:51 -0300
Subject: [PATCH] fix footer (#226)

---
 assets/css/app.scss               |  2 +-
 assets/css/footer.scss            | 35 +++++++++++++------------------
 lib/pescarte_web/design_system.ex | 17 ++++++++-------
 3 files changed, 25 insertions(+), 29 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 9f9ca17d..db2584ff 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -199,4 +199,4 @@ footer {
 @import "./pages/app/researcher/pesquisador";
 
 // Páginas de Erros
-@import "./errors/404.scss";
+@import "./errors/404.scss";
\ No newline at end of file
diff --git a/assets/css/footer.scss b/assets/css/footer.scss
index 211c9339..e8138dd3 100644
--- a/assets/css/footer.scss
+++ b/assets/css/footer.scss
@@ -1,32 +1,25 @@
 footer {
-  @apply flex items-center justify-center fixed bg-white-100;
-  gap: 2rem;
-  bottom: 0;
-  padding: 1.5rem 13.5rem;
-  width: 100%;
+  @apply fixed bottom-0 z-10 w-full;
 
-  stroke-width: 1px;
-  stroke: var(--NEUTRAS-20, #CFCFCF);
-
-  p {
-    font-size: 0.75rem;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 1.25rem;
-  }
-}
-
-@media (max-width: 768px) {
-  footer {
-    @apply absolute flex-wrap;
+  div {
+    @apply absolute flex flex-wrap items-center justify-center bg-white-100;
+    gap: 2rem;
     padding: 1.5rem 1rem;
-    align-items: center;
 
-    stroke-width: 0;
     box-shadow: 0px 0px 20px 2px rgba(64, 64, 64, 0.10);
 
     p {
       text-align: center;
+      font-size: 0.75rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
     }
   }
+}
+
+@media (max-width: 767px) {
+  footer {
+    @apply absolute;
+  }
 }
\ No newline at end of file
diff --git a/lib/pescarte_web/design_system.ex b/lib/pescarte_web/design_system.ex
index 71f2901c..4a282d5b 100644
--- a/lib/pescarte_web/design_system.ex
+++ b/lib/pescarte_web/design_system.ex
@@ -155,13 +155,16 @@ defmodule PescarteWeb.DesignSystem do
   def footer(assigns) do
     ~H"""
     <footer>
-      <img src={~p"/images/footer/logo_ibama.svg"} />
-      <img src={~p"/images/footer/logo_uenf.svg"} />
-      <img src={~p"/images/footer/logo_petrobras.svg"} />
-      <img src={~p"/images/footer/logo_ipead.svg"} />
-      <.text size="base" color="text-blue-100">
-        A realização do Projeto Pescarte é uma medida de mitigação exigida pelo licenciamento ambiental federal, conduzido pelo IBAMA.
-      </.text>
+      <img class="hidden md:flex" src={~p"/images/footer_logos_reduced_height.png"} />
+      <div class="md:hidden">
+        <img src={~p"/images/footer/logo_ibama.svg"} />
+        <img src={~p"/images/footer/logo_uenf.svg"} />
+        <img src={~p"/images/footer/logo_petrobras.svg"} />
+        <img src={~p"/images/footer/logo_ipead.svg"} />
+        <.text size="base" color="text-blue-100">
+          A realização do Projeto Pescarte é uma medida de mitigação exigida pelo licenciamento ambiental federal, conduzido pelo IBAMA.
+        </.text>
+      </div>
     </footer>
     """
   end