hotfix(footer): fix the panel at the bottom (#127)

widefix · Sep 22, 2023 · 811ba5d · 811ba5d
1 parent 87375a5
commit 811ba5d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
@@ -47,7 +47,6 @@ $primary-budgeting-kid-background-color: hsl(270, 95%, 98%);
 }
 
 .navbar-footer {
-  @extend .footer;
   transition: opacity 0.8s ease;
   border-top: 1px solid hsl(0, 0%, 90%);
   position: sticky;

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -79,7 +79,7 @@
         <p> Copyright © <%= Time.current.year %> <%= link_to("WideFix", "https://widefix.com/")%>. All rights reserved. </p>
       </footer>
 
-      <footer class="navbar-footer is-flex-align-items-flex-end is-hide-for-desktop">
+      <nav class="navbar-footer is-fixed-bottom is-flex-align-items-flex-end is-hide-for-desktop">
         <div class="columns is-mobile is-gapless">
           <div class="column">
             <%= button_to my_account_path, method: :get, class:'button is-footer-light is-fullwidth' do %>
@@ -99,7 +99,7 @@
             <% end %>
           </div>
         </div>
-      </footer>
+      </nav>
     </div>
   </body>
 </html>