diff --git a/web/account/log-in-form.css b/web/account/log-in-form.css --- a/web/account/log-in-form.css +++ b/web/account/log-in-form.css @@ -47,3 +47,21 @@ align-content: center; margin: 0 4px; } + +hr { + margin: 20px 0; + height: 0; + overflow: visible; + text-align: center; + border: none; + border-top: #ffffff33 solid 1px; +} + +hr:after { + position: relative; + top: -12px; + padding: 0 12px; + color: white; + content: 'or'; + background-color: #1f1f1fff; +} diff --git a/web/account/log-in-form.react.js b/web/account/log-in-form.react.js --- a/web/account/log-in-form.react.js +++ b/web/account/log-in-form.react.js @@ -161,16 +161,19 @@ let siweButton; if (isDev) { siweButton = ( - + <> +
+ + ); }