Merge branch 'main' into new_censo

peapescarte · Sep 27, 2024 · e155825 · e155825
2 parents 6e2888b + 1dbfc1a
commit e155825
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 29 deletions.
diff --git 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";
diff --git 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;
+  }
 }
diff --git 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