diff options
| -rw-r--r-- | main.css | 12 | ||||
| -rw-r--r-- | templates/auth/index.html | 36 |
2 files changed, 24 insertions, 24 deletions
@@ -342,9 +342,12 @@ a.lcolonq-button-link :active { grid-template-columns: 1fr 2fr 1fr; } -.lcolonq-auth-box { +.lcolonq-auth-box-outer { grid-row: 2; grid-column: 2; +} + +.lcolonq-auth-box { display: flex; justify-content: center; gap: 1rem; @@ -358,11 +361,6 @@ a.lcolonq-button-link :active { display: none; } -#lcolonq-auth-beneath { - grid-row: 3; - grid-column: 2; -} - #lcolonq-auth-register { font-size: 0.7rem; color: CanvasText; @@ -370,6 +368,8 @@ a.lcolonq-button-link :active { } #lcolonq-auth-error { + grid-row: 3; + grid-column: 2; text-align: center; color: red; } diff --git a/templates/auth/index.html b/templates/auth/index.html index 67e1460..a4ff4ac 100644 --- a/templates/auth/index.html +++ b/templates/auth/index.html @@ -14,25 +14,25 @@ CONFIG_SUBST </head> <body> <div id="lcolonq-auth-login" class="lcolonq-auth lcolonq-invisible"> - <div class="lcolonq-auth-box"> - <h1>log in</h1> - <form id="lcolonq-auth-form"> - <div> - <label>username:</label> - <input id="lcolonq-auth-username" type="text"> - </div> - <div> - <label>password:</label> - <input id="lcolonq-auth-password" type="password"> - </div> - <input id="lcolonq-auth-submit" type="submit" value="log in now!!"> - </form> - </div> - <div id="lcolonq-auth-beneath"> - <a id="lcolonq-auth-register" href="https://api.colonq.computer/register">click here to register or reset password</a> - <div id="lcolonq-auth-error" class="lcolonq-invisible"> - login failed. either you used the wrong credentials or something is messed up on my end :3 + <div class="lcolonq-auth-box-outer"> + <div class="lcolonq-auth-box"> + <h1>log in</h1> + <form id="lcolonq-auth-form"> + <div> + <label>username:</label> + <input id="lcolonq-auth-username" type="text"> + </div> + <div> + <label>password:</label> + <input id="lcolonq-auth-password" type="password"> + </div> + <input id="lcolonq-auth-submit" type="submit" value="log in now!!"> + </form> </div> + <a id="lcolonq-auth-register" href="https://api.colonq.computer/register">click here to register or reset password</a> + </div> + <div id="lcolonq-auth-error" class="lcolonq-invisible"> + login failed. either you used the wrong credentials or something is messed up on my end :3 </div> </div> </body> |