From 908a312aa58211c4ab6e1bc9568a217f8eaf5564 Mon Sep 17 00:00:00 2001 From: AJ Isaacs Date: Thu, 26 Feb 2026 22:35:00 -0500 Subject: [PATCH] =?UTF-8?q?feat:=20add=20visual=20polish=20=E2=80=94=20Int?= =?UTF-8?q?er=20font,=20animations,=20colored=20shadows,=20hover=20effects?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 4.6 --- TaskTracker.Web/index.html | 3 +++ .../src/components/KanbanColumn.tsx | 6 ++--- TaskTracker.Web/src/components/Layout.tsx | 4 +-- TaskTracker.Web/src/components/TaskCard.tsx | 6 ++--- TaskTracker.Web/src/index.css | 26 +++++++++++++++++-- 5 files changed, 35 insertions(+), 10 deletions(-) diff --git a/TaskTracker.Web/index.html b/TaskTracker.Web/index.html index 0e0d40d..22fe403 100644 --- a/TaskTracker.Web/index.html +++ b/TaskTracker.Web/index.html @@ -4,6 +4,9 @@ + + + tasktracker-web diff --git a/TaskTracker.Web/src/components/KanbanColumn.tsx b/TaskTracker.Web/src/components/KanbanColumn.tsx index 4e70a3c..da46bb3 100644 --- a/TaskTracker.Web/src/components/KanbanColumn.tsx +++ b/TaskTracker.Web/src/components/KanbanColumn.tsx @@ -31,8 +31,8 @@ export default function KanbanColumn({
{/* Column header */} @@ -74,7 +74,7 @@ export default function KanbanColumn({ onClick={() => setShowForm(true)} className="flex items-center justify-center gap-1.5 w-full py-2 rounded-lg text-xs text-[#64748b] border border-dashed border-white/10 - hover:text-white hover:border-white/20 transition-colors duration-150" + hover:text-white hover:border-white/20 transition-all duration-200" > Add Task diff --git a/TaskTracker.Web/src/components/Layout.tsx b/TaskTracker.Web/src/components/Layout.tsx index f64fbd0..0aef1e5 100644 --- a/TaskTracker.Web/src/components/Layout.tsx +++ b/TaskTracker.Web/src/components/Layout.tsx @@ -29,7 +29,7 @@ export default function Layout() { key={to} to={to} className={({ isActive }) => - `flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-colors duration-150 ${ + `flex items-center gap-3 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 ${ isActive ? 'bg-[#6366f1] text-white' : 'text-[#94a3b8] hover:text-white hover:bg-white/5' @@ -44,7 +44,7 @@ export default function Layout() {