fix login page layout

This commit is contained in:
Jakob Ketterl 2021-02-07 22:36:03 +01:00
parent ba3a68c3fa
commit 0517a59308
2 changed files with 24 additions and 12 deletions

View File

@ -1,6 +1,16 @@
@import url("openwebrx-header.css");
@import url("openwebrx-globals.css");
body {
display: flex;
flex-direction: column;
}
.login-container {
flex: 1;
position: relative;
}
.login {
position: absolute;
left: 50%;

View File

@ -11,17 +11,19 @@
</head>
<body>
${header}
<div class="login">
<form method="POST">
<div class="form-group">
<label for="user">Username</label>
<input type="text" class="form-control" id="user" name="user" autofocus="autofocus" placeholder="Username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password" placeholder="Password">
</div>
<button type="submit" class="btn btn-secondary btn-login">Login</button>
</form>
<div class="login-container">
<div class="login">
<form method="POST">
<div class="form-group">
<label for="user">Username</label>
<input type="text" class="form-control" id="user" name="user" autofocus="autofocus" placeholder="Username">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password" placeholder="Password">
</div>
<button type="submit" class="btn btn-secondary btn-login">Login</button>
</form>
</div>
</div>
</body>