joachim/openwebrx-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix login page layout

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
htdocs/css/login.css
View File

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

26
htdocs/login.html
View File

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