login form fixed
This commit is contained in:
parent
25f1b0ce78
commit
92a5ec867a
@ -37,8 +37,6 @@ class LoginBody extends Body {
|
||||
$domain = $_SERVER['HTTP_HOST'];
|
||||
$protocol = getProtocol();
|
||||
|
||||
$html .= "<body>";
|
||||
|
||||
$accountCreated = "";
|
||||
if(isset($_GET["accountCreated"])) {
|
||||
$accountCreated =
|
||||
@ -48,31 +46,34 @@ class LoginBody extends Body {
|
||||
}
|
||||
|
||||
$html .= "
|
||||
<div class=\"container mt-4\">
|
||||
<div class=\"title text-center\">
|
||||
<h2>Admin Control Panel</h2>
|
||||
</div>
|
||||
<div class=\"loginContainer m-auto\">
|
||||
<form class=\"loginForm\">
|
||||
<label for=\"username\">$username</label>
|
||||
<input type=\"text\" class=\"form-control\" name=\"username\" id=\"username\" placeholder=\"$username\" required autofocus />
|
||||
<label for=\"password\">$password</label>
|
||||
<input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\" placeholder=\"$password\" required />
|
||||
<div class=\"form-check\">
|
||||
<input type=\"checkbox\" class=\"form-check-input\" id=\"stayLoggedIn\" name=\"stayLoggedIn\">
|
||||
<label class=\"form-check-label\" for=\"stayLoggedIn\">$stayLoggedIn</label>
|
||||
</div>
|
||||
<button class=\"btn btn-lg btn-primary btn-block\" id=\"btnLogin\" type=\"button\">$login</button>
|
||||
<div class=\"alert alert-danger hidden\" role=\"alert\" id=\"loginError\"></div>
|
||||
<span class=\"flags position-absolute\">$flags</span>
|
||||
</form>
|
||||
<div class=\"p-1\">
|
||||
<a href=\"$protocol://$domain\">$iconBack $backToStartPage</a>
|
||||
<body>
|
||||
<div class=\"container mt-4\">
|
||||
<div class=\"title text-center\">
|
||||
<h2>Admin Control Panel</h2>
|
||||
</div>
|
||||
<div class=\"row\">
|
||||
<div class=\"col-lg-6 col-12 m-auto\">
|
||||
<form class=\"loginForm\">
|
||||
<label for=\"username\">$username</label>
|
||||
<input type=\"text\" class=\"form-control\" name=\"username\" id=\"username\" placeholder=\"$username\" required autofocus />
|
||||
<label for=\"password\">$password</label>
|
||||
<input type=\"password\" class=\"form-control\" name=\"password\" id=\"password\" placeholder=\"$password\" required />
|
||||
<div class=\"form-check\">
|
||||
<input type=\"checkbox\" class=\"form-check-input\" id=\"stayLoggedIn\" name=\"stayLoggedIn\">
|
||||
<label class=\"form-check-label\" for=\"stayLoggedIn\">$stayLoggedIn</label>
|
||||
</div>
|
||||
<button class=\"btn btn-lg btn-primary btn-block\" id=\"btnLogin\" type=\"button\">$login</button>
|
||||
<div class=\"alert alert-danger hidden\" role=\"alert\" id=\"loginError\"></div>
|
||||
<span class=\"flags position-absolute\">$flags</span>
|
||||
</form>
|
||||
<div class=\"p-1\">
|
||||
<a href=\"$protocol://$domain\">$iconBack $backToStartPage</a>
|
||||
</div>
|
||||
$accountCreated
|
||||
</div>
|
||||
</div>
|
||||
$accountCreated
|
||||
</div>
|
||||
</div>
|
||||
</body>";
|
||||
</body>";
|
||||
|
||||
return $html;
|
||||
}
|
||||
|
@ -1,9 +1,3 @@
|
||||
.loginContainer {
|
||||
border-radius: 5px;
|
||||
width: 600px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.loginForm {
|
||||
padding: 25px;
|
||||
border: 1px solid #bbb;
|
||||
@ -26,88 +20,4 @@
|
||||
padding: 0;
|
||||
margin-bottom: 0;
|
||||
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;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user