diff --git a/lib/bones73k_web/templates/layout/app.html.eex b/lib/bones73k_web/templates/layout/app.html.eex index 9027ab8c..260836e4 100644 --- a/lib/bones73k_web/templates/layout/app.html.eex +++ b/lib/bones73k_web/templates/layout/app.html.eex @@ -2,9 +2,9 @@ <%# phoenix flash alerts: %> <div class="container"> - <%= for {kind, class} <- alert_kinds() do %> + <%= for {kind, color} <- alert_kinds() do %> <%= if flash_content = get_flash(@conn, kind) do %> - <div class="<%= class %> alert-dismissible fade show" role="alert"> + <div class="alert alert-<%= color %> alert-dismissible fade show" role="alert"> <%= flash_content %> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> </div> diff --git a/lib/bones73k_web/templates/layout/live.html.leex b/lib/bones73k_web/templates/layout/live.html.leex index 5035e502..09a9457a 100644 --- a/lib/bones73k_web/templates/layout/live.html.leex +++ b/lib/bones73k_web/templates/layout/live.html.leex @@ -2,9 +2,9 @@ <%# liveview flash alerts: %> <div class="container"> - <%= for {kind, class} <- alert_kinds() do %> + <%= for {kind, color} <- alert_kinds() do %> <%= if flash_content = live_flash(@flash, kind) do %> - <div class="<%= class %> alert-dismissible fade show" role="alert" id="lv-alert-<%= kind %>" phx-hook="AlertRemover" data-key="<%= kind %>"> + <div class="alert alert-<%= color %> alert-dismissible fade show" role="alert" id="lv-alert-<%= kind %>" phx-hook="AlertRemover" data-key="<%= kind %>"> <%= flash_content %> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> </div> diff --git a/lib/bones73k_web/views/layout_view.ex b/lib/bones73k_web/views/layout_view.ex index 5276d88c..c577539f 100644 --- a/lib/bones73k_web/views/layout_view.ex +++ b/lib/bones73k_web/views/layout_view.ex @@ -10,12 +10,12 @@ defmodule Bones73kWeb.LayoutView do def alert_kinds do [ - success: "alert alert-success", - info: "alert alert-info", - error: "alert alert-danger", - warning: "alert alert-warning", - primary: "alert alert-primary", - secondary: "alert alert-secondary" + success: "success", + info: "info", + error: "danger", + warning: "warning", + primary: "primary", + secondary: "secondary" ] end end