Update to make the sticky footer.

2 months ago · f79316a916
parent 6636cb8b6b
commit f79316a916
3 changed files with 19 additions and 17 deletions
--- a/lib/decentralised_book_index_web/components/layouts/app.html.heex
+++ b/lib/decentralised_book_index_web/components/layouts/app.html.heex
@ -1,3 +1,4 @@
+<div class="flex flex-col h-screen">
  <header>
    <.partial_navbar
      page_title={assigns[:page_title]}
@ -5,7 +6,7 @@
    />
  </header>

-<main class="px-4 pt-20 pb-2 sm:px-6 lg:px-8">
+  <main class="px-4 pt-20 pb-2 sm:px-6 lg:px-8 flex-grow">
    <div class="mx-auto max-w-4xl">
      <.flash_group flash={@flash} />
      {@inner_content}
@ -13,3 +14,4 @@
  </main>

  <.partial_footer />
+</div>
--- a/lib/decentralised_book_index_web/controllers/error_html/404.html.heex
+++ b/lib/decentralised_book_index_web/controllers/error_html/404.html.heex
@ -11,12 +11,12 @@
    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
    </script>
  </head>
-  <body class="bg-white dark:bg-gray-900">
+  <body class="bg-white dark:bg-gray-900 flex flex-col h-screen">
    <header>
      <.partial_navbar page_title="404" current_user={assigns[:current_user]} />
    </header>

-    <main class="px-4 pt-20 pb-2 sm:px-6 lg:px-8">
+    <main class="px-4 pt-20 pb-2 sm:px-6 lg:px-8 flex-grow">
      <div class="mx-auto max-w-4xl">
        <%= if Map.has_key?(assigns, :flash) do %>
          <.flash_group flash={@flash} />
--- a/lib/decentralised_book_index_web/controllers/error_html/500.html.heex
+++ b/lib/decentralised_book_index_web/controllers/error_html/500.html.heex
@ -11,12 +11,12 @@
    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
    </script>
  </head>
-  <body class="bg-white dark:bg-gray-900">
+  <body class="bg-white dark:bg-gray-900 flex flex-col h-screen">
    <header>
      <.partial_navbar page_title="505" current_user={assigns[:current_user]} />
    </header>

-    <main class="px-4 pt-20 pb-2 sm:px-6 lg:px-8">
+    <main class="px-4 pt-20 pb-2 sm:px-6 lg:px-8 flex-grow">
      <div class="mx-auto max-w-4xl">
        <%= if Map.has_key?(assigns, :flash) do %>
          <.flash_group flash={@flash} />