gyptazy/freedive
1
0
Fork 0
forked from hiway/freedive
Code Pull requests Activity

Highlight active icon

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

12
lib/liliform/icon.ex
View file

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

2
lib/liliform/page.ex
View file

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