wibu/jenna-mcp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: login

Browse Source 
Deskripsi:
- update design login page

No Issues
This commit is contained in:
amal
2026-01-09 16:43:19 +08:00
parent 98ad9b0d72
commit 01334ec573
1 changed files with 69 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/pages/Login.tsx
View File

@@ -1,12 +1,12 @@
import clientRoutes from "@/clientRoutes"; import clientRoutes from "@/clientRoutes";
import { import {
Button, Button,
Container, Center,
Group, Paper,
PasswordInput, PasswordInput,
Stack, Stack,
Text, Text,
TextInput, TextInput
} from "@mantine/core"; } from "@mantine/core";
import { useState } from "react"; import { useState } from "react";
import apiFetch from "../lib/apiFetch"; import apiFetch from "../lib/apiFetch";
@@ -73,25 +73,73 @@ export default function Login() {
}; };
return ( return (
<Container> <Center
h="100vh"
style={{
background:
"radial-gradient(circle at top, #1f2d2b 0%, #0b0f0e 60%)",
}}
>
<Paper
radius="lg"
p="xl"
w={420}
style={{
background: "rgba(20, 20, 20, 0.75)",
backdropFilter: "blur(12px)",
border: "1px solid rgba(255, 255, 255, 0.08)",
boxShadow: "0 20px 60px rgba(0,0,0,0.6)",
}}
>
<Stack> <Stack>
<Text>Login</Text> <Text
size="xl"
fw={700}
ta="center"
c="white"
>
Welcome Back
</Text>
<Text
size="sm"
ta="center"
c="dimmed"
>
Sign in to continue to your dashboard
</Text>
<TextInput <TextInput
label="Email"
placeholder="Email" placeholder="Email"
value={email} value={email}
onChange={(e) => setEmail(e.target.value)} onChange={(e) => setEmail(e.target.value)}
/> />
<PasswordInput <PasswordInput
label="Password"
placeholder="Password" placeholder="Password"
value={password} value={password}
onChange={(e) => setPassword(e.target.value)} onChange={(e) => setPassword(e.target.value)}
/> />
<Group justify="right">
<Button onClick={handleSubmit} disabled={loading}> <Button
fullWidth
mt="md"
radius="md"
size="md"
variant="gradient"
gradient={{ from: "teal", to: "cyan", deg: 45 }}
style={{
transition: "all 0.2s ease",
}}
onClick={handleSubmit}
disabled={loading}
>
Login Login
</Button> </Button>
</Group>
</Stack> </Stack>
</Container> </Paper>
</Center>
); );
} }