mirror of
https://github.com/openziti/zrok.git
synced 2025-06-22 10:41:40 +02:00
minimum viable login layout (#802)
This commit is contained in:
parent
6eb1981895
commit
ceb96b3e4f
40
ui100/src/Login.tsx
Normal file
40
ui100/src/Login.tsx
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import {Box, Button, Container, TextField, Typography} from "@mui/material";
|
||||||
|
|
||||||
|
const Login = () => {
|
||||||
|
return (
|
||||||
|
<Typography>
|
||||||
|
<Container maxWidth="xs">
|
||||||
|
<Box sx={{ marginTop: 8, display: "flex", flexDirection: "column", alignItems: "center"}}>
|
||||||
|
<h2>welcome to zrok...</h2>
|
||||||
|
<Box component="form" noValidate>
|
||||||
|
<TextField
|
||||||
|
margin="normal"
|
||||||
|
required
|
||||||
|
fullWidth
|
||||||
|
id="email"
|
||||||
|
label="Email Address"
|
||||||
|
name="email"
|
||||||
|
autoComplete="email"
|
||||||
|
autoFocus
|
||||||
|
/>
|
||||||
|
<TextField
|
||||||
|
margin="normal"
|
||||||
|
required
|
||||||
|
fullWidth
|
||||||
|
name="password"
|
||||||
|
label="Password"
|
||||||
|
type="password"
|
||||||
|
id="password"
|
||||||
|
autoComplete="current-password"
|
||||||
|
/>
|
||||||
|
<Button type="submit" fullWidth variant="contained" sx={{ mt: 3, mb: 2 }}>
|
||||||
|
Log In
|
||||||
|
</Button>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
</Container>
|
||||||
|
</Typography>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Login;
|
@ -5,13 +5,15 @@ import ApiConsole from "./ApiConsole.tsx";
|
|||||||
import {ThemeProvider} from "@mui/material";
|
import {ThemeProvider} from "@mui/material";
|
||||||
import {theme} from "./model/theme.ts";
|
import {theme} from "./model/theme.ts";
|
||||||
import {BrowserRouter, Route, Routes} from "react-router";
|
import {BrowserRouter, Route, Routes} from "react-router";
|
||||||
|
import Login from "./Login.tsx";
|
||||||
|
|
||||||
createRoot(document.getElementById('root')!).render(
|
createRoot(document.getElementById('root')!).render(
|
||||||
<StrictMode>
|
<StrictMode>
|
||||||
<ThemeProvider theme={theme}>
|
<ThemeProvider theme={theme}>
|
||||||
<BrowserRouter>
|
<BrowserRouter>
|
||||||
<Routes>
|
<Routes>
|
||||||
<Route path="/" element={<ApiConsole />} />
|
<Route index element={<ApiConsole />} />
|
||||||
|
<Route path="login" element={<Login />} />
|
||||||
</Routes>
|
</Routes>
|
||||||
</BrowserRouter>
|
</BrowserRouter>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user