login form fixed
This commit is contained in:
parent
25f1b0ce78
commit
92a5ec867a
@ -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 $backToStartPage</a>
|
</form>
|
||||||
|
<div class=\"p-1\">
|
||||||
|
<a href=\"$protocol://$domain\">$iconBack $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;
|
|
||||||
}
|
|
Loading…
Reference in New Issue
Block a user