From 69b2571dd4c84644981f3ce4919ff067763733bf Mon Sep 17 00:00:00 2001 From: IluaAir Date: Tue, 28 Oct 2025 23:45:03 +0300 Subject: [PATCH] Update icon button styles to include hover translation effect for improved user interaction --- taskncoffee-app/src/lib/styles.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/taskncoffee-app/src/lib/styles.js b/taskncoffee-app/src/lib/styles.js index c46fae8..c528bc1 100644 --- a/taskncoffee-app/src/lib/styles.js +++ b/taskncoffee-app/src/lib/styles.js @@ -43,10 +43,10 @@ export const buttonStyles = { destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 px-4 py-2 rounded-lg font-medium transition-all duration-200 shadow-sm hover:shadow-md", // Icon button - icon: "p-2 rounded-lg hover:bg-accent transition-all duration-200", + icon: "p-2 rounded-lg hover:bg-accent transition-all duration-200 hover:-translate-y-0.5", // Icon button with neon effect - iconNeon: "p-2 rounded-lg hover:bg-accent transition-all duration-200 hover:shadow-[0_0_15px_rgba(104,147,200,0.4)]", + iconNeon: "p-2 rounded-lg hover:bg-accent transition-all duration-200 hover:shadow-[0_0_15px_rgba(104,147,200,0.4)] hover:-translate-y-0.5", }; // Layout Styles