diff --git a/src/components/Button.tsx b/src/components/Button.tsx index e0f9b73..ce98213 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -6,7 +6,7 @@ import clsx from 'clsx'; import React, { forwardRef } from 'react'; const buttonVariants = cva( - 'rounded-md font-semibold focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 flex items-center justify-center gap-2 cursor-pointer box-content', + 'rounded-md font-semibold focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 flex items-center justify-center gap-2 cursor-pointer', { variants: { variant: { @@ -81,7 +81,7 @@ const Button = forwardRef((props, ref) => { [disabledClass]: disabled, }, { - 'w-full': fullWidth, + 'w-full box-border': fullWidth, }, className )} diff --git a/src/components/auth/LoginForm.tsx b/src/components/auth/LoginForm.tsx index 4551cb6..32b7c5c 100644 --- a/src/components/auth/LoginForm.tsx +++ b/src/components/auth/LoginForm.tsx @@ -1,15 +1,15 @@ 'use client'; import { routes } from '@/core/constants'; +import message from '@/messages/en'; import { EmailProvider, getEmailProvider } from '@/utils/getEmailProvider'; import { CheckCircleIcon } from '@heroicons/react/24/solid'; -import Link from 'next/link'; import { signIn } from 'next-auth/react'; +import Link from 'next/link'; import { useSearchParams } from 'next/navigation'; import { useState } from 'react'; import { useMutation } from 'react-query'; import Button from '../Button'; import { Input } from '../Input'; -import message from '@/messages/en'; const LoginForm = () => { const searchParams = useSearchParams(); @@ -37,7 +37,7 @@ const LoginForm = () => { ); return ( -
+
{isSuccess ? ( <>