diff options
| author | Thomas Lange <code@nerdmind.de> | 2021-06-13 00:14:38 +0200 |
|---|---|---|
| committer | Thomas Lange <code@nerdmind.de> | 2021-06-13 00:14:38 +0200 |
| commit | e5da1f532334a265e1b1c88d2a942e92654370d6 (patch) | |
| tree | a9dcd34ac032acbba2b2798d529d2f7dcf806c56 /theme/admin/html/auth.php | |
| parent | 78621a37ee08ecf4c9aa8faa42ddf2907a6ee406 (diff) | |
| download | blog-e5da1f532334a265e1b1c88d2a942e92654370d6.tar.gz blog-e5da1f532334a265e1b1c88d2a942e92654370d6.tar.xz blog-e5da1f532334a265e1b1c88d2a942e92654370d6.zip | |
Replace the flex layout in favor of a grid layout
This commit replaces the initial CSS flexbox layout for forms of the
admin theme with a more elegant approach called "grid layout". :)
Some interesting information:
https://www.w3schools.com/css/css_grid.asp
https://blog.logrocket.com/flexbox-vs-css-grid/
Diffstat (limited to 'theme/admin/html/auth.php')
| -rw-r--r-- | theme/admin/html/auth.php | 26 |
1 files changed, 14 insertions, 12 deletions
diff --git a/theme/admin/html/auth.php b/theme/admin/html/auth.php index c1dedda..a7b8b74 100644 --- a/theme/admin/html/auth.php +++ b/theme/admin/html/auth.php @@ -14,21 +14,23 @@ <form action="" method="POST"> <input type="hidden" name="token" value="<?=$FORM['TOKEN']?>" /> - <div class="flex"> - <div class="flex-item"> - <div class="form-icon-flex"><i class="fa fa-user-secret"></i></div> - <div class="form-label-flex"><label for="form_username"><?=$Language->text('label_username')?></label></div> - <div class="form-field-flex"><input id="form_username" name="username" value="<?=escapeHTML($FORM['DATA']['USERNAME'])?>" /></div> + <div class="form-grid two-columns"> + <label for="form_username"> + <i class="fa fa-user-secret"></i><?=$Language->text('label_username')?></label> + + <div class="form-grid-item"> + <input id="form_username" name="username" value="<?=escapeHTML($FORM['DATA']['USERNAME'])?>" /> </div> - </div> - <div class="flex"> - <div class="flex-item"> - <div class="form-icon-flex"><i class="fa fa-key"></i></div> - <div class="form-label-flex"><label for="form_password"><?=$Language->text('label_password')?></label></div> - <div class="form-field-flex"><input type="password" id="form_password" name="password" /></div> + + <label for="form_password"> + <i class="fa fa-key"></i><?=$Language->text('label_password')?></label> + + <div class="form-grid-item"> + <input type="password" id="form_password" name="password" /> </div> </div> - <div class="flex flex-padding background"> + + <div class="form-border-box background padding nobordertop"> <input type="submit" name="auth" value="<?=$Language->text('login')?>" /> </div> </form> |