From aa12f961a2df0e29a578611def1e03ad3a4c87ca Mon Sep 17 00:00:00 2001
From: JustIceO7 <oscarcao777@gmail.com>
Date: Fri, 28 Feb 2025 23:42:11 +0000
Subject: [PATCH] CHANGE: Changed AuthModal responsiveness

---
 frontend/src/components/Auth/ForgotPasswordForm.tsx | 2 +-
 frontend/src/components/Auth/LoginForm.tsx          | 2 +-
 frontend/src/components/Auth/OAuth.tsx              | 2 +-
 frontend/src/components/Input/Button.tsx            | 2 +-
 frontend/src/pages/UserPage.tsx                     | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Auth/ForgotPasswordForm.tsx b/frontend/src/components/Auth/ForgotPasswordForm.tsx
index 4cae486..baf718c 100644
--- a/frontend/src/components/Auth/ForgotPasswordForm.tsx
+++ b/frontend/src/components/Auth/ForgotPasswordForm.tsx
@@ -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]">
diff --git a/frontend/src/components/Auth/LoginForm.tsx b/frontend/src/components/Auth/LoginForm.tsx
index cabad08..9170809 100644
--- a/frontend/src/components/Auth/LoginForm.tsx
+++ b/frontend/src/components/Auth/LoginForm.tsx
@@ -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>
diff --git a/frontend/src/components/Auth/OAuth.tsx b/frontend/src/components/Auth/OAuth.tsx
index ed2c2e7..422ecda 100644
--- a/frontend/src/components/Auth/OAuth.tsx
+++ b/frontend/src/components/Auth/OAuth.tsx
@@ -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>
diff --git a/frontend/src/components/Input/Button.tsx b/frontend/src/components/Input/Button.tsx
index 6e64a2c..6245178 100644
--- a/frontend/src/components/Input/Button.tsx
+++ b/frontend/src/components/Input/Button.tsx
@@ -15,7 +15,7 @@ const Button: React.FC<ButtonProps> = ({
   return (
     <button
       type={type}
-      className={`${extraClasses} p-2 text-[1.5vw] text-white hover:text-purple-600 bg-black/30 hover:bg-black/80 rounded-md border border-gray-300 hover:border-purple-500 hover:border-b-4 hover:border-l-4 active:border-b-2 active:border-l-2 transition-all`}
+      className={`${extraClasses} p-2 text-[clamp(1rem, 1.5vw, 1.25rem)] text-white hover:text-purple-600 bg-black/30 hover:bg-black/80 rounded-md border border-gray-300 hover:border-purple-500 hover:border-b-4 hover:border-l-4 active:border-b-2 active:border-l-2 transition-all`}
       {...props}
     >
       {children}
diff --git a/frontend/src/pages/UserPage.tsx b/frontend/src/pages/UserPage.tsx
index 92f5977..fe15f5d 100644
--- a/frontend/src/pages/UserPage.tsx
+++ b/frontend/src/pages/UserPage.tsx
@@ -119,7 +119,7 @@ const UserPage: React.FC = () => {
   }, [username]);
 
   if (!profileData) return <LoadingScreen />;
-
+  console.log(isUser)
   return (
     <DynamicPageContent
       className={`min-h-screen text-white flex flex-col`}