Skip to content
Snippets Groups Projects
Commit 6b12585a authored by Kevin Portable's avatar Kevin Portable
Browse files

dark mode footer

parent 2a030777
No related branches found
No related tags found
No related merge requests found
......@@ -12,28 +12,30 @@ const Footer = () => {
];
return (
<footer className="bg-white border-t border-gray-100">
<footer className="bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700 transition-colors">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
<div className="flex flex-col items-center space-y-4">
{/* Team members */}
<div className="flex flex-wrap justify-center gap-2">
{teamMembers.map((member, index) => (
<React.Fragment key={member}>
<span className="text-gray-600 font-medium">{member}</span>
<span className="text-gray-600 dark:text-gray-300 font-medium">
{member}
</span>
{index < teamMembers.length - 1 && (
<span className="text-gray-400"></span>
<span className="text-gray-400 dark:text-gray-500"></span>
)}
</React.Fragment>
))}
</div>
{/* Copyright and signature */}
<div className="flex items-center gap-2 text-sm text-gray-500">
<div className="flex items-center gap-2 text-sm text-gray-500 dark:text-gray-400">
<span>&copy; {currentYear} TaskMaster</span>
<span className="text-gray-400">|</span>
<span className="text-gray-400 dark:text-gray-500">|</span>
<div className="flex items-center gap-1">
<span>Made with</span>
<Heart size={14} className="text-red-500 fill-current" />
<Heart size={14} className="text-red-500 dark:text-red-400 fill-current" />
<span>by the team</span>
</div>
</div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment