extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-06-21 18:21:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

minimum viable login layout (#802)

Browse Source
This commit is contained in:
Michael Quigley 2024-12-02 14:20:50 -05:00
parent 6eb1981895
commit ceb96b3e4f
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
2 changed files with 43 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
ui100/src/Login.tsx Normal file
View 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;

4
ui100/src/main.tsx
View File

@ -5,13 +5,15 @@ import ApiConsole from "./ApiConsole.tsx";
import {ThemeProvider} from "@mui/material";
import {theme} from "./model/theme.ts";
import {BrowserRouter, Route, Routes} from "react-router";
import Login from "./Login.tsx";
createRoot(document.getElementById('root')!).render(
<StrictMode>
<ThemeProvider theme={theme}>
<BrowserRouter>
<Routes>
<Route path="/" element={<ApiConsole />} />
<Route index element={<ApiConsole />} />
<Route path="login" element={<Login />} />
</Routes>
</BrowserRouter>
</ThemeProvider>