login form fixed

This commit is contained in:
Roman Hergenreder 2020-06-22 00:27:17 +02:00
parent 25f1b0ce78
commit 92a5ec867a
2 changed files with 27 additions and 116 deletions

@ -37,8 +37,6 @@ class LoginBody extends Body {
$domain = $_SERVER['HTTP_HOST']; $domain = $_SERVER['HTTP_HOST'];
$protocol = getProtocol(); $protocol = getProtocol();
$html .= "<body>";
$accountCreated = ""; $accountCreated = "";
if(isset($_GET["accountCreated"])) { if(isset($_GET["accountCreated"])) {
$accountCreated = $accountCreated =
@ -48,31 +46,34 @@ class LoginBody extends Body {
} }
$html .= " $html .= "
<div class=\"container mt-4\"> <body>
<div class=\"title text-center\"> <div class=\"container mt-4\">
<h2>Admin Control Panel</h2> <div class=\"title text-center\">
</div> <h2>Admin Control Panel</h2>
<div class=\"loginContainer m-auto\"> </div>
<form class=\"loginForm\"> <div class=\"row\">
<label for=\"username\">$username</label> <div class=\"col-lg-6 col-12 m-auto\">
<input type=\"text\" class=\"form-control\" name=\"username\" id=\"username\" placeholder=\"$username\" required autofocus /> <form class=\"loginForm\">
<label for=\"password\">$password</label> <label for=\"username\">$username</label>
<input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\" placeholder=\"$password\" required /> <input type=\"text\" class=\"form-control\" name=\"username\" id=\"username\" placeholder=\"$username\" required autofocus />
<div class=\"form-check\"> <label for=\"password\">$password</label>
<input type=\"checkbox\" class=\"form-check-input\" id=\"stayLoggedIn\" name=\"stayLoggedIn\"> <input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\" placeholder=\"$password\" required />
<label class=\"form-check-label\" for=\"stayLoggedIn\">$stayLoggedIn</label> <div class=\"form-check\">
</div> <input type=\"checkbox\" class=\"form-check-input\" id=\"stayLoggedIn\" name=\"stayLoggedIn\">
<button class=\"btn btn-lg btn-primary btn-block\" id=\"btnLogin\" type=\"button\">$login</button> <label class=\"form-check-label\" for=\"stayLoggedIn\">$stayLoggedIn</label>
<div class=\"alert alert-danger hidden\" role=\"alert\" id=\"loginError\"></div> </div>
<span class=\"flags position-absolute\">$flags</span> <button class=\"btn btn-lg btn-primary btn-block\" id=\"btnLogin\" type=\"button\">$login</button>
</form> <div class=\"alert alert-danger hidden\" role=\"alert\" id=\"loginError\"></div>
<div class=\"p-1\"> <span class=\"flags position-absolute\">$flags</span>
<a href=\"$protocol://$domain\">$iconBack&nbsp;$backToStartPage</a> </form>
<div class=\"p-1\">
<a href=\"$protocol://$domain\">$iconBack&nbsp;$backToStartPage</a>
</div>
$accountCreated
</div>
</div> </div>
$accountCreated
</div> </div>
</div> </body>";
</body>";
return $html; return $html;
} }

@ -1,9 +1,3 @@
.loginContainer {
border-radius: 5px;
width: 600px;
position: relative;
}
.loginForm { .loginForm {
padding: 25px; padding: 25px;
border: 1px solid #bbb; border: 1px solid #bbb;
@ -26,88 +20,4 @@
padding: 0; padding: 0;
margin-bottom: 0; margin-bottom: 0;
vertical-align: bottom; vertical-align: bottom;
} }
.flags {
background-color: #999;
padding: 6px 3px 3px 3px;
border-radius: 4px;
bottom: -27px;
right: 5px;
z-index: -99;
}
.main-header {
transition: all 0.3s;
margin-left: 75px;
border-bottom: 1px solid #dee2e6;
padding: 0.7rem;
}
.navbar-badge {
font-size: .6rem;
font-weight: 300;
padding: 2px 4px;
position: absolute;
right: 3px;
top: 7px;
}
.navbar-white {
background-color: #fff;
}
.main-wrapper:not(.sidebar-collapsed) .main-header {
transition: all 0.3s;
margin-left: 250px;
}
.main-sidebar {
background-color: #343a40;
width: 250px;
position: fixed;
top: 0;
left: 0;
height: 100vh;
z-index: 999;
color: #fff;
transition: all 0.3s;
}
.main-sidebar.collapsed {
margin-left: 0;
width: 4.6rem;
}
.hide-collapsed {
transition: all 0.2s linear;
opacity: 1;
}
.main-sidebar.collapsed .hide-collapsed {
opacity: 0;
font-size: 0;
margin-left: 0;
}
.main-content {
/* background-color: red; */
height: 100%;
}
.main-wrapper {
height: 100%;
}
.dropdown-menu-lg {
max-width: 300px;
min-width: 280px;
padding: 0;
}
.brand-link {
display: block;
font-size: 1.5rem;
line-height: 2;
padding: 1rem;
}