Update dashboard aside item styling: improve hover effects by adding group and group-hover classes to button elements

This commit is contained in:
Luis Eduardo Jeréz Girón
2024-08-29 16:06:01 -06:00
parent 5cdd6da3ba
commit 01b3f1bdca

View File

@@ -115,12 +115,11 @@ func dashboardAsideItem(
) gomponents.Node {
return html.A(
alpine.XData(fmt.Sprintf("dashboardAsideItem('%s', %t)", link, strict)),
html.Class("block flex flex-col items-center justify-center"),
html.Class("block flex flex-col items-center justify-center group"),
html.Href(link),
html.Button(
alpine.XBind("class", `{'btn-active': is_active}`),
html.Class("btn btn-ghost btn-neutral btn-square"),
html.Class("btn btn-ghost btn-neutral btn-square group-hover:btn-active"),
icon(html.Class("size-6")),
),
html.Span(