fix(ui): fix minor ui bugs

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

View File

@ -3,7 +3,6 @@ import type { FormEvent } from "react";
import { useNavigate, useLocation } from "react-router-dom";
import { useAuthStore } from "../../stores/authStore";
import { Loader2, Mail, Lock } from "lucide-react";
import { usePageTitle } from "../../hooks/usePageTitle";
interface LocationState {
from?: { pathname: string };
@ -34,7 +33,7 @@ const STYLES = `
}
/* 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-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; }
@ -238,14 +237,13 @@ export const Login = () => {
<div className="lg-card">
{/* Logo + heading */}
<div className="lg-logo-wrap">
<div className="lg-logo-badge">
<div className="lg-logo-wrap space-y-5">
<img
src="src/assets/ed_logo.png"
alt="EdBridge"
style={{
width: 40,
height: 40,
width: 600,
height: 70,
objectFit: "contain",
borderRadius: 8,
}}
@ -253,7 +251,7 @@ export const Login = () => {
(e.target as HTMLImageElement).style.display = "none";
}}
/>
</div>
<div>
<h1 className="lg-title">Welcome back 👋</h1>
<p className="lg-sub">Sign in to continue your SAT prep</p>

View File

@ -116,7 +116,7 @@ const STYLES = `
}
.pf-row {
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;
transition: background 0.15s ease;
border-bottom: 2px solid #f9fafb;