Split live from root template (#152)

Author: eldano

lib/elixir_console_web.ex

@@ -43,7 +43,7 @@ defmodule ElixirConsoleWeb do
 
   def live_view do
     quote do
-      use Phoenix.LiveView
+      use Phoenix.LiveView, layout: {ElixirConsoleWeb.LayoutView, "live.html"}
 
       unquote(view_helpers())
     end

lib/elixir_console_web/templates/layout/live.html.heex

@@ -0,0 +1,13 @@
+<main role="main" class="w-full h-full">
+  <p class="alert alert-info" role="alert"
+    phx-click="lv:clear-flash"
+    phx-value-key="info"><%= live_flash(@flash, :info) %></p>
+
+  <p class="alert alert-danger" role="alert"
+    phx-click="lv:clear-flash"
+    phx-value-key="error"><%= live_flash(@flash, :error) %></p>
+
+  <div class="bg-teal-900 w-full h-full rounded overflow-hidden shadow-lg live-view-parent">
+    <%= @inner_content %>
+  </div>
+</main>

lib/elixir_console_web/templates/layout/root.html.heex

@@ -39,18 +39,8 @@
         </svg>
       </a>
     </header>
-    <main role="main" class="w-full h-full flex-1 overflow-hidden">
-      <p class="alert alert-info" role="alert"
-        phx-click="lv:clear-flash"
-        phx-value-key="info"><%= live_flash(@flash, :info) %></p>
-
-      <p class="alert alert-danger" role="alert"
-        phx-click="lv:clear-flash"
-        phx-value-key="error"><%= live_flash(@flash, :error) %></p>
-
-      <div class="bg-teal-900 w-full h-full rounded overflow-hidden shadow-lg live-view-parent">
-        <%= @inner_content %>
-      </div>
-    </main>
+    <div class="live-view-parent h-full overflow-hidden">
+      <%= @inner_content %>
+    </div>
   </body>
 </html>