fix: mobile footer padding

peapescarte · Oct 24, 2024 · 926e619 · 926e619
1 parent a422825
commit 926e619
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/assets/css/app.scss b/assets/css/app.scss
@@ -96,7 +96,7 @@ nav {
 
 main {
   grid-area: content;
-  margin-bottom: 100px;
+  /* margin-bottom: 100px; */
 }
 
 footer {

diff --git a/assets/css/footer.scss b/assets/css/footer.scss
@@ -48,13 +48,11 @@ footer {
 
   @media (max-width: 767px) {
     @apply relative;
+    padding: 2.5rem 1rem;
 
     .blocks {
       @apply flex flex-col;
-
-      bottom: 2.5rem;
       gap: 1.5rem;
-      padding: 0 1rem 0 1rem;
 
       .block {
         @apply flex;

diff --git a/lib/pescarte_web/design_system.ex b/lib/pescarte_web/design_system.ex
@@ -155,7 +155,7 @@ defmodule PescarteWeb.DesignSystem do
   def footer(assigns) do
     ~H"""
     <footer>
-      <img class="waves" src={~p"/images/footer/waves.svg"} />
+      <img class="hidden md:flex waves" src={~p"/images/footer/waves.svg"} />
       <div class="blocks">
         <div class="block">
           <.text size="base" color="text-white-100" class="block-tag">