make login form smaller and put it into a div

This commit is contained in:
Uwe Steinmann 2021-06-22 10:00:55 +02:00
parent aab0e356bb
commit 0f98640ba3
3 changed files with 16 additions and 8 deletions

View File

@ -97,6 +97,7 @@ $(document).ready( function() {
$this->htmlStartPage(getMLText("sign_in"), "login"); $this->htmlStartPage(getMLText("sign_in"), "login");
$this->globalBanner(); $this->globalBanner();
$this->contentStart(); $this->contentStart();
echo "<div id=\"login_wrapper\">\n";
$this->pageNavigation(getMLText("sign_in")); $this->pageNavigation(getMLText("sign_in"));
if($msg) if($msg)
$this->errorMsg(htmlspecialchars($msg)); $this->errorMsg(htmlspecialchars($msg));
@ -114,7 +115,7 @@ $(document).ready( function() {
'type'=>'text', 'type'=>'text',
'id'=>'login', 'id'=>'login',
'name'=>'login', 'name'=>'login',
'placeholder'=>'login', 'placeholder'=>getMLText('user_login'),
'autocomplete'=>'on', 'autocomplete'=>'on',
'required'=>true 'required'=>true
) )
@ -126,6 +127,7 @@ $(document).ready( function() {
'type'=>'password', 'type'=>'password',
'id'=>'pwd', 'id'=>'pwd',
'name'=>'pwd', 'name'=>'pwd',
'placeholder'=>getMLText('password'),
'autocomplete'=>'off', 'autocomplete'=>'off',
'required'=>true 'required'=>true
) )
@ -154,8 +156,8 @@ $(document).ready( function() {
$html $html
); );
} }
$this->contentContainerEnd();
$this->formSubmit(getMLText('submit_login')); $this->formSubmit(getMLText('submit_login'));
$this->contentContainerEnd();
?> ?>
</form> </form>
<?php <?php
@ -169,6 +171,7 @@ $(document).ready( function() {
print implode(' | ', $tmpfoot); print implode(' | ', $tmpfoot);
print "</p>\n"; print "</p>\n";
} }
echo "</div>\n";
$this->contentEnd(); $this->contentEnd();
$this->htmlEndPage(); $this->htmlEndPage();
} /* }}} */ } /* }}} */

View File

@ -1,9 +1,18 @@
body { /* Add top padding for full-width layout */ body { /* Add top padding for full-width layout */
padding-top: 4.0rem; padding-top: 3.7rem;
}
#login_wrapper {
margin: auto auto;
width: 360px;
}
@media (max-width: 575px) {
#login_wrapper {
width: 100%;
}
} }
a.navbar-brand img { a.navbar-brand img {
height: 2.3rem; height: 2.0rem;
} }
.dropdown-submenu { .dropdown-submenu {

View File

@ -1,7 +1,3 @@
.navbar-brand img {
height: 2.3rem;
}
ul.jqtree-tree ul.jqtree_common { ul.jqtree-tree ul.jqtree_common {
margin-left: 22px; margin-left: 22px;
} }