fix: reposition flash on mobile.

bikebrigade · Jun 3, 2024 · b8ef155 · b8ef155
1 parent ef1df94
commit b8ef155
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/lib/bike_brigade_web/core_components.ex b/lib/bike_brigade_web/core_components.ex
@@ -212,8 +212,8 @@ defmodule BikeBrigadeWeb.CoreComponents do
       phx-mounted={@autoshow && show("##{@id}")}
       phx-click={JS.push("lv:clear-flash", value: %{key: @kind}) |> hide("##{@id}")}
       class={[
-        "top-0 w-full left-0 right-0 z-50 p-1 m-0 p-3",
-        "fixed hidden md:left-auto md:top-2 md:right-2 md:w-96 md:z-50 md:rounded-lg md:p-3 md:shadow-md md:shadow-zinc-900/5 ring-1",
+        "bottom-0 w-[80%] mx-auto left-0 right-0 z-50 p-1 m-4 p-3",
+        "fixed hidden md:bottom-auto md:m-0 md:left-auto md:top-2 md:right-2 md:w-96 md:z-50 md:rounded-lg md:p-3 md:shadow-md md:shadow-zinc-900/5 ring-1",
         @kind == :info && "bg-emerald-50 text-emerald-800 ring-emerald-500 fill-cyan-900",
         @kind == :warn && "bg-amber-50 text-amber-800 ring-amber-500 fill-amber-900",
         @kind == :error && "bg-rose-50 text-rose-900 shadow-md ring-rose-500 fill-rose-900"