web #1

Merged
shafin808s merged 35 commits from web into main 2026-03-11 20:41:06 +00:00
30 changed files with 8518 additions and 2569 deletions
Showing only changes of commit d56ea14a22 - Show all commits

View File

@ -3,7 +3,6 @@ import type { FormEvent } from "react";
import { useNavigate, useLocation } from "react-router-dom"; import { useNavigate, useLocation } from "react-router-dom";
import { useAuthStore } from "../../stores/authStore"; import { useAuthStore } from "../../stores/authStore";
import { Loader2, Mail, Lock } from "lucide-react"; import { Loader2, Mail, Lock } from "lucide-react";
import { usePageTitle } from "../../hooks/usePageTitle";
interface LocationState { interface LocationState {
from?: { pathname: string }; from?: { pathname: string };
@ -34,7 +33,7 @@ const STYLES = `
} }
/* Blobs */ /* Blobs */
.lg-blob { position:fixed;pointer-events:none;z-index:0;filter:blur(52px);opacity:0.38; } .lg-blob { position:fixed;pointer-events:none;z-index:0; }
.lg-blob-1 { width:280px;height:280px;background:#fde68a;top:-100px;left:-100px;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;animation:lgWobble1 14s ease-in-out infinite; } .lg-blob-1 { width:280px;height:280px;background:#fde68a;top:-100px;left:-100px;border-radius:60% 40% 70% 30%/50% 60% 40% 50%;animation:lgWobble1 14s ease-in-out infinite; }
.lg-blob-2 { width:220px;height:220px;background:#a5f3c0;bottom:-60px;left:4%;border-radius:40% 60% 30% 70%/60% 40% 60% 40%;animation:lgWobble2 16s ease-in-out infinite; } .lg-blob-2 { width:220px;height:220px;background:#a5f3c0;bottom:-60px;left:4%;border-radius:40% 60% 30% 70%/60% 40% 60% 40%;animation:lgWobble2 16s ease-in-out infinite; }
.lg-blob-3 { width:250px;height:250px;background:#fbcfe8;top:10%;right:-70px;border-radius:70% 30% 50% 50%/40% 60% 40% 60%;animation:lgWobble1 18s ease-in-out infinite reverse; } .lg-blob-3 { width:250px;height:250px;background:#fbcfe8;top:10%;right:-70px;border-radius:70% 30% 50% 50%/40% 60% 40% 60%;animation:lgWobble1 18s ease-in-out infinite reverse; }
@ -238,14 +237,13 @@ export const Login = () => {
<div className="lg-card"> <div className="lg-card">
{/* Logo + heading */} {/* Logo + heading */}
<div className="lg-logo-wrap"> <div className="lg-logo-wrap space-y-5">
<div className="lg-logo-badge">
<img <img
src="src/assets/ed_logo.png" src="src/assets/ed_logo.png"
alt="EdBridge" alt="EdBridge"
style={{ style={{
width: 40, width: 600,
height: 40, height: 70,
objectFit: "contain", objectFit: "contain",
borderRadius: 8, borderRadius: 8,
}} }}
@ -253,7 +251,7 @@ export const Login = () => {
(e.target as HTMLImageElement).style.display = "none"; (e.target as HTMLImageElement).style.display = "none";
}} }}
/> />
</div>
<div> <div>
<h1 className="lg-title">Welcome back 👋</h1> <h1 className="lg-title">Welcome back 👋</h1>
<p className="lg-sub">Sign in to continue your SAT prep</p> <p className="lg-sub">Sign in to continue your SAT prep</p>

View File

@ -116,7 +116,7 @@ const STYLES = `
} }
.pf-row { .pf-row {
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;
padding: 0.9rem 1.1rem; gap: 0.75rem; cursor: pointer; padding: 0.9rem 1.1rem; gap: 0.75rem; cursor: not-allowed;
background: white; border: none; width: 100%; text-align: left; background: white; border: none; width: 100%; text-align: left;
transition: background 0.15s ease; transition: background 0.15s ease;
border-bottom: 2px solid #f9fafb; border-bottom: 2px solid #f9fafb;