add button fade in animations on hover

This commit is contained in:
leander committed 2025-06-22 02:25:54 +02:00
1 parent b277745531
commit 4322d0daf9
3 files changed
+3 -3

No files matched your search

+1 -1
View File
@@ -7,7 +7,7 @@ export default function LoginButton({ text }: { text: string }) {
return (
<button
onClick={() => signIn("discord")}
className="flex cursor-pointer items-center gap-2 rounded-md bg-[#5865F2] px-4 py-2 text-white hover:bg-[#4654C0]"
className="flex cursor-pointer items-center gap-2 rounded-md bg-[#5865F2] px-4 py-2 text-white duration-300 hover:bg-[#4654C0]"
>
<FaDiscord />
{text}
+1 -1
View File
@@ -7,7 +7,7 @@ export default function LogoutButton() {
return (
<button
onClick={() => signOut()}
className="cursor-pointer rounded-lg bg-red-500 p-2 text-white hover:bg-white hover:text-red-500"
className="cursor-pointer rounded-lg bg-red-500 p-2 text-white duration-300 hover:bg-white hover:text-red-500"
aria-label="Logout"
>
<CiLogout size={24} />
+1 -1
View File
@@ -7,7 +7,7 @@ interface RestartButtonProps {
const RestartButton: React.FC<RestartButtonProps> = ({ onClick }) => (
<button
className="border-accent-secondary text-accent-secondary bg-accent-secondary-light hover:bg-accent-secondary hover:border-accent-secondary-light hover:text-accent-secondary-light cursor-pointer rounded-full border-2 p-2 text-xl"
className="border-accent-secondary text-accent-secondary bg-accent-secondary-light hover:bg-accent-secondary hover:border-accent-secondary-light hover:text-accent-secondary-light cursor-pointer rounded-full border-2 p-2 text-xl duration-300"
onClick={onClick}
>
<VscDebugRestart />