diff --git a/web/account/log-in-form.css b/web/account/log-in-form.css index e03659892..773503d74 100644 --- a/web/account/log-in-form.css +++ b/web/account/log-in-form.css @@ -1,84 +1,85 @@ div.modal_body { display: flex; flex-direction: column; justify-content: center; min-height: 324px; min-width: 360px; padding: 20px 20px; border-radius: 16px; background-color: #191723; border: #282537 solid 1px; } div.modal_body h4 { color: white; font-family: sans-serif; } div.form_title { padding: 6px 6px 0 0; font-size: var(--s-font-14); font-weight: var(--bold); color: var(--fg); } div.form_content { margin-top: 4px; margin-bottom: 8px; font-family: var(--font-stack); color: var(--fg); } div.form_footer { display: flex; flex-direction: column; margin-top: 16px; } div.form_footer > button:disabled { opacity: 0.5; } div.loadingIndicator { position: absolute; } div.hiddenLoadingIndicator { display: none; } div.invisibleButtonText { visibility: hidden; } div.modal_form_error { font-size: 14px; color: var(--error); font-style: italic; padding-left: 6px; align-self: center; + height: 0; } div.modal_body .input[type='text'], div.modal_body .input[type='password'] { background: #282537; border: 1px solid #211e2d; transition: border 0.35s ease; border-radius: 8px; } div.modal_body .input[type='text']::placeholder, div.modal_body .input[type='password']::placeholder { color: #8c889b; } div.modal_body .input[type='text']:focus, div.modal_body .input[type='password']:focus { outline: none; border: #6a20e399 solid 1px; transition: border 0.35s ease; } div.form_qrcode_login { display: flex; flex-direction: column; margin-top: 12px; } diff --git a/web/components/or-break.css b/web/components/or-break.css index a157c2043..0accd3456 100644 --- a/web/components/or-break.css +++ b/web/components/or-break.css @@ -1,17 +1,17 @@ div.orBreak hr { - margin: 20px 0; + margin: 28px 0; height: 0; overflow: visible; text-align: center; border: none; border-top: #ffffff33 solid 1px; } div.orBreak hr:after { position: relative; top: -12px; padding: 0 8px; color: #8c889b; content: 'or'; background-color: #191723; }