diff --git a/app.css b/app.css index 6e0cf60..66e9585 100644 --- a/app.css +++ b/app.css @@ -213,9 +213,7 @@ dialog::backdrop { background: rgba(22, 23, 26, .55); } .loginbox .brand .wm { font-size: 20px; } .loginbox .brand .kana { font-size: 11px; } .loginform { background: var(--surface); border-radius: 14px; padding: 28px; display: flex; flex-direction: column; gap: 16px; } -.loginform h1 { font-size: 20px; } .loginform input { min-height: 44px; } .loginform .btn { min-height: 44px; width: 100%; } -.loginform .hint { margin: 0; } .err-text { color: var(--bad-ink); font-size: 13px; margin: 0; } .loading-page { padding: 40px; color: var(--ink-3); } diff --git a/app.js b/app.js index 6157375..a680d8c 100644 --- a/app.js +++ b/app.js @@ -401,11 +401,9 @@ pw.select(); } } }, - h('div', null, h('h1', null, 'Sign in'), h('p', { class: 'sub' }, location.host)), h('div', { class: 'field' }, h('label', { htmlFor: 'u' }, 'Username'), user), h('div', { class: 'field' }, h('label', { htmlFor: 'p' }, 'Password'), pw), - err, btn, - h('p', { class: 'hint' }, 'After 5 failed attempts, sign-in is locked for 15 minutes.')); + err, btn); app.replaceChildren(h('div', { class: 'loginpage' }, h('div', { class: 'loginbox' }, brand(44), form)));