diff options
Diffstat (limited to 'api/WhatApi/Templates')
| -rw-r--r-- | api/WhatApi/Templates/web_login.liquid | 74 |
1 files changed, 56 insertions, 18 deletions
diff --git a/api/WhatApi/Templates/web_login.liquid b/api/WhatApi/Templates/web_login.liquid index e9e545d..c5de790 100644 --- a/api/WhatApi/Templates/web_login.liquid +++ b/api/WhatApi/Templates/web_login.liquid @@ -7,31 +7,69 @@ <meta http-equiv="X-UA-Compatible" content="ie=edge"> <style> + html, body { + height: 100%; + margin: 0; + padding: 0; + width: 100%; + aspect-ratio: 1 / 1; + font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif; + } + form { - margin: 12px 10px; - display: grid; - grid-template-columns: 1fr; - grid-template-rows: 1fr 1fr; max-width: 420px; width: 100%; - grid-row-gap: 6px; + margin: 15px auto; + } + + input:not([type="submit"]) { + height: 15px; + padding: 10px 12px; + border: 1px solid rgba(0, 0, 0, 0.2); + max-width: 300px; + width: 100%; + margin-bottom: 5px; + } + + input[type=submit] { + margin-top: 12px; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 3px; + transition: all .1s ease-in-out; + height: 40px; + color: rgb(17, 29, 74); + font-weight: 600; + background: rgba(135, 137, 192, .66); + width: 100%; + + &:active { + transition: all .2s ease-in-out; + transform: scale(.99); + } } </style> - <title>Login</title> + <title>Logg inn</title> </head> <body> -<form action="" method="post" accept-charset="utf-8" autocomplete="off"> - <label for="username">username - <input type="text" - name="username" - required> - </label> - <label for="password">password - <input type="password" - name="password" - required> - </label> - <input type="submit" value="Login" style="width: 50px;"> +<form action="" + method="post" + accept-charset="utf-8" + autocomplete="off"> + <fieldset> + <legend><span id="login-tab">Logg inn</span></legend> + <label for="username">Brukernavn + <input type="text" + name="username" + required> + </label> + <label for="password">Passord + <input type="password" + name="password" + required> + </label> + <input type="submit" + value="Logg inn"> + </fieldset> </form> </body> </html>
\ No newline at end of file |