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,11 +46,13 @@ class LoginBody extends Body {
} }
$html .= " $html .= "
<body>
<div class=\"container mt-4\"> <div class=\"container mt-4\">
<div class=\"title text-center\"> <div class=\"title text-center\">
<h2>Admin Control Panel</h2> <h2>Admin Control Panel</h2>
</div> </div>
<div class=\"loginContainer m-auto\"> <div class=\"row\">
<div class=\"col-lg-6 col-12 m-auto\">
<form class=\"loginForm\"> <form class=\"loginForm\">
<label for=\"username\">$username</label> <label for=\"username\">$username</label>
<input type=\"text\" class=\"form-control\" name=\"username\" id=\"username\" placeholder=\"$username\" required autofocus /> <input type=\"text\" class=\"form-control\" name=\"username\" id=\"username\" placeholder=\"$username\" required autofocus />
@ -72,6 +72,7 @@ class LoginBody extends Body {
$accountCreated $accountCreated
</div> </div>
</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;
@ -27,87 +21,3 @@
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;
}