diff --git a/src/components/Button/FollowButton.tsx b/src/components/Button/FollowButton.tsx index 45e2cdc..204eb52 100644 --- a/src/components/Button/FollowButton.tsx +++ b/src/components/Button/FollowButton.tsx @@ -30,13 +30,13 @@ const FollowButton = ({ onClick={toggleFollow} aria-label={ariaLabel} className={` - flex items-center justify-center rounded-full + button-s flex items-center justify-center rounded-full w-[95px] h-[37px] gap-[3px] ${backgroundColor} ${textColor} ${textSize} ${ isFollowing - ? 'border border-gray-900 text-gray-900 bg-white' - : 'bg-gray-900 text-white' + ? 'border border-gray-300 text-gray-300 bg-transparent' + : 'bg-gray-800 text-white' } hover:bg-opacity-80 active:bg-opacity-60 active:scale-95 transition-all duration-300 ease-in-out diff --git a/src/components/Input/EmailInput.tsx b/src/components/Input/EmailInput.tsx index d075ed8..cdc1466 100644 --- a/src/components/Input/EmailInput.tsx +++ b/src/components/Input/EmailInput.tsx @@ -7,6 +7,7 @@ import { useEffect, useState } from 'react'; import { useFormContext } from 'react-hook-form'; import useGetValidateEmail from '@/apis/auth/validateEmail'; + import Icon from '../Icon/Icon'; const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i; diff --git a/src/components/Layout/AppShell.tsx b/src/components/Layout/AppShell.tsx index b7cb3e0..6457a95 100644 --- a/src/components/Layout/AppShell.tsx +++ b/src/components/Layout/AppShell.tsx @@ -19,7 +19,7 @@ const AppShell = ({ children }: { children: ReactNode }) => { dark: 'custom-dark', }} > -