kjannette/koin_ping_0.2.0
1
0
Fork 0
Code Issues Pull Requests Actions 26 Packages Projects Releases Wiki Activity

css trick
Some checks are pending
check / check (push) Waiting to run
Details

Browse Source
This commit is contained in:
KS Jannette
2026-03-02 00:28:13 -05:00
parent 8716be0201
commit b3a08e8f25
1 changed files with 58 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/pages/Login.jsx
View File

@@ -4,6 +4,7 @@ import { useAuth } from "../contexts/AuthContext";
import "./Login.css"; import "./Login.css";
export default function Login() { export default function Login() {
const [isVisible, setIsVisible] = useState(false);
const [email, setEmail] = useState(""); const [email, setEmail] = useState("");
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const [error, setError] = useState(""); const [error, setError] = useState("");
@@ -35,11 +36,15 @@ export default function Login() {
return ( return (
<div className="login-page"> <div className="login-page">
<div className="login-card"> <div
className="login-card"
onMouseEnter={() => setIsVisible(true)}
>
<h1 className="login-heading"> <h1 className="login-heading">
<span className="login-brand">Koin Ping</span> - Login <span className="login-brand">Koin Ping</span> - Login
</h1> </h1>
<div style={{ visibility: isVisible ? 'visible' : 'hidden' }}>
{error && ( {error && (
<div className="login-error"> <div className="login-error">
{error} {error}
@@ -97,5 +102,6 @@ export default function Login() {
</div> </div>
</div> </div>
</div> </div>
</div>
); );
} }