diff --git a/assets/css/app.css b/assets/css/app.css index 2c921a9..3d339a5 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -12,3 +12,7 @@ @apply bg-gray-500; border-radius: 4px; } + +button.btn-secondary { + @apply bg-orange-700 text-white hover:bg-orange-800; +} diff --git a/lib/error_tracker/web/components/core_components.ex b/lib/error_tracker/web/components/core_components.ex index 12eb26d..c61c3f4 100644 --- a/lib/error_tracker/web/components/core_components.ex +++ b/lib/error_tracker/web/components/core_components.ex @@ -139,7 +139,7 @@ defmodule ErrorTracker.Web.CoreComponents do xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" - class="!h-4 !w-4 inline-block" + class="!h-4 !w-4 !mr-1 inline-block" > Error Occurrences Status - + @@ -86,37 +86,35 @@ <.badge :if={error.status == :resolved} color={:green}>Resolved <.badge :if={error.status == :unresolved} color={:red}>Unresolved - -
- <.button - :if={error.status == :unresolved} - phx-click="resolve" - phx-value-error_id={error.id} - > - Resolve - + + <.button + :if={error.status == :unresolved} + phx-click="resolve" + phx-value-error_id={error.id} + > + Resolve + - <.button - :if={error.status == :resolved} - phx-click="unresolve" - phx-value-error_id={error.id} - > - Unresolve - + <.button + :if={error.status == :resolved} + phx-click="unresolve" + phx-value-error_id={error.id} + > + Unresolve + - <.button :if={!error.muted} phx-click="mute" type="link" phx-value-error_id={error.id}> - <.icon name="bell-slash" /> Mute - + <.button :if={!error.muted} phx-click="mute" phx-value-error_id={error.id} class="flex items-center btn-secondary"> + <.icon name="bell-slash" /> Mute + - <.button - :if={error.muted} - phx-click="unmute" - type="link" - phx-value-error_id={error.id} - > - <.icon name="bell" /> Unmute - -
+ <.button + :if={error.muted} + phx-click="unmute" + phx-value-error_id={error.id} + class="flex items-center btn-secondary" + > + <.icon name="bell" /> Unmute + diff --git a/lib/error_tracker/web/live/show.html.heex b/lib/error_tracker/web/live/show.html.heex index 0fe6a72..d37b7ae 100644 --- a/lib/error_tracker/web/live/show.html.heex +++ b/lib/error_tracker/web/live/show.html.heex @@ -141,11 +141,11 @@ Mark as unresolved - <.button :if={!@error.muted} phx-click="mute" type="link"> + <.button :if={!@error.muted} phx-click="mute"> <.icon name="bell-slash" /> Mute - <.button :if={@error.muted} phx-click="unmute" type="link"> + <.button :if={@error.muted} phx-click="unmute"> <.icon name="bell" /> Unmute