Highlight active icon

This commit is contained in:
Harshad Sharma 2024-05-16 18:50:54 +05:30
parent 97a2464b14
commit 30e02f1c38
2 changed files with 26 additions and 14 deletions

View file

@ -119,6 +119,7 @@ defmodule Liliform.Icon do
color -> color
end
auto_color =
case assigns.for do
"alert" -> [class: "has-text-danger"]
"info" -> [class: "has-text-info"]
@ -133,6 +134,17 @@ defmodule Liliform.Icon do
"account" -> [color: "darkblue"]
_ -> [color: color]
end
case color do
"auto" ->
auto_color
"" ->
[]
_ ->
[color: color]
end
else
[class: "has-text-dark"]
end

View file

@ -50,7 +50,7 @@ defmodule Liliform.Page do
phx-click="filter"
phx-value-key={filter.key}
>
<.icon for={filter.icon} color="auto" />
<.icon for={filter.icon} color={if filter.active, do: "gray", else: "auto"} />
</a>
<% end %>
</.panel_tabs>