dylan/gander
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

CHANGE: Changed AuthModal responsiveness

Browse Source
This commit is contained in:
JustIceO7
2025-02-28 23:42:11 +00:00
parent eb510d8a2e
commit aa12f961a2
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Auth/ForgotPasswordForm.tsx
View File

@@ -71,7 +71,7 @@ const ForgotPasswordForm: React.FC<SubmitProps> = ({ onSubmit }) => {
return ( return (
<div className="mb-2"> <div className="mb-2">
<div className="flex flex-col items-center p-[2.5rem]"> <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 Forgot Password
</h1> </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]"> <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]">

2
frontend/src/components/Auth/LoginForm.tsx
View File

@@ -154,7 +154,7 @@ const LoginForm: React.FC<SubmitProps> = ({ onSubmit, onForgotPassword }) => {
onClick={onForgotPassword} onClick={onForgotPassword}
> >
<ForgotIcon size={16} className="flex flex-row mr-1" /> <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 Forgot Password
</span> </span>
</button> </button>

2
frontend/src/components/Auth/OAuth.tsx
View File

@@ -20,7 +20,7 @@ export default function GoogleLogin() {
alt="Google logo" alt="Google logo"
className="w-[2em] h-[2em] mr-2" 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 Sign in with Google
</span> </span>
</button> </button>

2
frontend/src/components/Input/Button.tsx
View File

@@ -15,7 +15,7 @@ const Button: React.FC<ButtonProps> = ({
return ( return (
<button <button
type={type} 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} {...props}
> >
{children} {children}

2
frontend/src/pages/UserPage.tsx
View File

@@ -119,7 +119,7 @@ const UserPage: React.FC = () => {
}, [username]); }, [username]);
if (!profileData) return <LoadingScreen />; if (!profileData) return <LoadingScreen />;
console.log(isUser)
return ( return (
<DynamicPageContent <DynamicPageContent
className={`min-h-screen text-white flex flex-col`} className={`min-h-screen text-white flex flex-col`}