aj/TaskTracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add visual polish — Inter font, animations, colored shadows, hover effects

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
AJ Isaacs
2026-02-26 22:35:00 -05:00
parent a1107f434d
commit 908a312aa5
5 changed files with 35 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
TaskTracker.Web/src/components/Layout.tsx
+2 -2
View File
@@ -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() {
<button
onClick={() => setCollapsed(!collapsed)}
className="flex items-center justify-center p-3 mb-2 mx-2 rounded-lg text-[#94a3b8] hover:text-white hover:bg-white/5 transition-colors duration-150"
className="flex items-center justify-center p-3 mb-2 mx-2 rounded-lg text-[#94a3b8] hover:text-white hover:bg-white/5 transition-all duration-200"
title={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}
>
{collapsed ? <PanelLeftOpen size={20} /> : <PanelLeftClose size={20} />}