shafin808s/edbridge-scholars
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): fix minor ui bugs

Browse Source
This commit is contained in:
shafin-r
2026-02-22 03:38:16 +06:00
parent be63ca5ed2
commit d56ea14a22
2 changed files with 17 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/auth/Login.tsx
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,22 +237,21 @@ 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: 600,
width: 40, height: 70,
height: 40, objectFit: "contain",
objectFit: "contain", borderRadius: 8,
borderRadius: 8, }}
}} onError={(e) => {
onError={(e) => { (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>

2
src/pages/student/Profile.tsx
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;