Skip to content

Commit

Permalink
Feat/footer responsive (#219)
Browse files Browse the repository at this point in the history
  • Loading branch information
douglastofoli authored Sep 25, 2024
1 parent bc80aba commit 544e21c
Show file tree
Hide file tree
Showing 9 changed files with 107 additions and 4 deletions.
3 changes: 2 additions & 1 deletion assets/css/app.scss
Original file line number Diff line number Diff line change
Expand Up @@ -155,6 +155,7 @@ footer {
@import "./button.scss";
@import "./checkbox.scss";
@import "./flash.scss";
@import "./footer.scss";
@import "./get_in_touch.scss";
@import "./input.scss";
@import "./landing.scss";
Expand Down Expand Up @@ -192,4 +193,4 @@ footer {
@import "./pages/app/researcher/pesquisador";

// Páginas de Erros
@import "./errors/404.scss";
@import "./errors/404.scss";
32 changes: 32 additions & 0 deletions assets/css/footer.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
footer {
@apply flex items-center justify-center fixed bg-white-100;
gap: 2rem;
bottom: 0;
padding: 1.5rem 13.5rem;
width: 100%;

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;
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;
}
}
}
2 changes: 2 additions & 0 deletions assets/css/get_in_touch.scss
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,8 @@

@media (max-width: 767px) {
.onde-nos-encontrar-wrapper {
margin: 0;

.redes-sociais-wrapper {
margin: 1rem;

Expand Down
10 changes: 8 additions & 2 deletions lib/pescarte_web/design_system.ex
Original file line number Diff line number Diff line change
Expand Up @@ -154,8 +154,14 @@ defmodule PescarteWeb.DesignSystem do
"""
def footer(assigns) do
~H"""
<footer class="fixed bottom-0 z-10 w-full">
<img src={~p"/images/footer_logos_reduced_height.png"} />
<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>
</footer>
"""
end
Expand Down
23 changes: 23 additions & 0 deletions priv/static/images/footer/logo_ibama.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions priv/static/images/footer/logo_ipead.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 21 additions & 0 deletions priv/static/images/footer/logo_petrobras.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions priv/static/images/footer/logo_uenf.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion supabase/config.toml
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ port = 54324
smtp_port = 54325

[storage]
enabled = false
enabled = true
file_size_limit = "1GB"

[auth]
Expand Down

0 comments on commit 544e21c

Please sign in to comment.