From 9b8c075d4107741c37a1295972601a45b6766308 Mon Sep 17 00:00:00 2001 From: spinline Date: Thu, 12 Feb 2026 21:33:56 +0300 Subject: [PATCH] feat: add click animation and hover effects to table headers --- frontend/src/components/ui/table.rs | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/ui/table.rs b/frontend/src/components/ui/table.rs index 92a5beb..2cd76da 100644 --- a/frontend/src/components/ui/table.rs +++ b/frontend/src/components/ui/table.rs @@ -33,7 +33,11 @@ pub fn TableRow(children: Children, #[prop(optional, into)] class: String) -> im #[component] pub fn TableHead(children: Children, #[prop(optional, into)] class: String) -> impl IntoView { - let class = tw_merge!("h-10 px-4 text-left align-middle font-medium text-muted-foreground whitespace-nowrap", class); + let class = tw_merge!( + "h-10 px-4 text-left align-middle font-medium text-muted-foreground whitespace-nowrap", + "transition-all duration-100 active:scale-[0.98] cursor-pointer select-none hover:bg-muted/30 hover:text-foreground", + class + ); view! { {children()} } }