Bump styling so auth bar shows up on home page

phoenixframework · Feb 24, 2023 · 388db3f · 388db3f
1 parent db01f3d
commit 388db3f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/installer/templates/phx_web/controllers/page_html/home.html.heex b/installer/templates/phx_web/controllers/page_html/home.html.heex
@@ -1,5 +1,5 @@
 <.flash_group flash={@flash} />
-<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem]">
+<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem] z-0">
   <svg
     viewBox="0 0 1480 957"
     fill="none"

diff --git a/lib/mix/tasks/phx.gen.auth/injector.ex b/lib/mix/tasks/phx.gen.auth/injector.ex
@@ -167,7 +167,7 @@ defmodule Mix.Tasks.Phx.Gen.Auth.Injector do
     link_tailwind_classes = "#{base_tailwind_classes} font-semibold hover:text-zinc-700"
 
     template = """
-    <ul class="flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
+    <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
       <%= if @current_#{schema.singular} do %>
         <li class="#{base_tailwind_classes}">
           <%= @current_#{schema.singular}.email %>

diff --git a/test/mix/tasks/phx.gen.auth/injector_test.exs b/test/mix/tasks/phx.gen.auth/injector_test.exs
@@ -665,7 +665,7 @@ defmodule Mix.Tasks.Phx.Gen.Auth.InjectorTest do
                              <li><.link href={Routes.live_dashboard_path(@conn, :home)}>LiveDashboard</.link></li>
                            <% end %>
                          </ul>
-                         <ul class="flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
+                         <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
                            <%= if @current_user do %>
                              <li class="text-[0.8125rem] leading-6 text-zinc-900">
                                <%= @current_user.email %>
@@ -759,7 +759,7 @@ defmodule Mix.Tasks.Phx.Gen.Auth.InjectorTest do
                              <li><.link href={Routes.live_dashboard_path(@conn, :home)}>LiveDashboard</.link></li>\r
                            <% end %>\r
                          </ul>\r
-                         <ul class="flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">\r
+                         <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">\r
                            <%= if @current_user do %>\r
                              <li class="text-[0.8125rem] leading-6 text-zinc-900">\r
                                <%= @current_user.email %>\r
@@ -837,7 +837,7 @@ defmodule Mix.Tasks.Phx.Gen.Auth.InjectorTest do
                    <title>Demo · Phoenix Framework</title>
                  </head>
                  <body>
-                   <ul class="flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
+                   <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
                      <%= if @current_user do %>
                        <li class="text-[0.8125rem] leading-6 text-zinc-900">
                          <%= @current_user.email %>
@@ -917,7 +917,7 @@ defmodule Mix.Tasks.Phx.Gen.Auth.InjectorTest do
                    <title>Demo · Phoenix Framework</title>\r
                  </head>\r
                  <body>\r
-                   <ul class="flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">\r
+                   <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">\r
                      <%= if @current_user do %>\r
                        <li class="text-[0.8125rem] leading-6 text-zinc-900">\r
                          <%= @current_user.email %>\r

diff --git a/test/mix/tasks/phx.gen.auth_test.exs b/test/mix/tasks/phx.gen.auth_test.exs
@@ -1356,7 +1356,7 @@ defmodule Mix.Tasks.Phx.Gen.AuthTest do
         layout file, please add the following code to it where you'd
         like the user menu items to be rendered.
 
-            <ul class="flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
+            <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
               <%= if @current_user do %>
                 <li class="text-[0.8125rem] leading-6 text-zinc-900">
                   <%= @current_user.email %>
@@ -1421,7 +1421,7 @@ defmodule Mix.Tasks.Phx.Gen.AuthTest do
 
         Add the following user menu items to your lib/my_app_web/components/layouts/root.html.heex layout file:
 
-            <ul class="flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
+            <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
               <%= if @current_user do %>
                 <li class="text-[0.8125rem] leading-6 text-zinc-900">
                   <%= @current_user.email %>