CHANGE: Changed AuthModal responsiveness
This commit is contained in:
@@ -71,7 +71,7 @@ const ForgotPasswordForm: React.FC<SubmitProps> = ({ onSubmit }) => {
|
||||
return (
|
||||
<div className="mb-2">
|
||||
<div className="flex flex-col items-center p-[2.5rem]">
|
||||
<h1 className="text-white text-[1.5em] font-[800] md:text-[1.75em] lg:text-[2em]">
|
||||
<h1 className="text-white text-[1.4em] font-[800] md:text-[1.5em] lg:text-[1.75em]">
|
||||
Forgot Password
|
||||
</h1>
|
||||
<div className="mt-10 bg-white/10 backdrop-blur-md p-6 rounded-xl shadow-lg w-full max-w-[10em] min-w-[14em] border border-white/10 sm:max-w-[16em] md:max-w-[18em] lg:max-w-[20em]">
|
||||
|
||||
@@ -154,7 +154,7 @@ const LoginForm: React.FC<SubmitProps> = ({ onSubmit, onForgotPassword }) => {
|
||||
onClick={onForgotPassword}
|
||||
>
|
||||
<ForgotIcon size={16} className="flex flex-row mr-1" />
|
||||
<span className="text-[calc((1.5vw+1vh)/2)]">
|
||||
<span className="text-[0.6rem] 2lg:text-[0.75rem]">
|
||||
Forgot Password
|
||||
</span>
|
||||
</button>
|
||||
|
||||
@@ -20,7 +20,7 @@ export default function GoogleLogin() {
|
||||
alt="Google logo"
|
||||
className="w-[2em] h-[2em] mr-2"
|
||||
/>
|
||||
<span className="flex-grow text-[calc((1.5vw+1.5vh)/2)]">
|
||||
<span className="flex-grow text-[0.75rem] 2lg:text-[1rem]">
|
||||
Sign in with Google
|
||||
</span>
|
||||
</button>
|
||||
|
||||
Reference in New Issue
Block a user