mirror of
https://github.com/UiO-Gaming/name-100-uio-gamers.git
synced 2026-11-05 13:56:53 +01:00
add button fade in animations on hover
This commit is contained in:
3 files changed
+3
-3
No files matched your search
@@ -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}
|
||||
|
||||
@@ -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} />
|
||||
|
||||
@@ -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 />
|
||||
|
||||
Reference in new issue
Block a user