Page MenuHomePhabricator
Files F3262195

D6533.id21872.diff
No OneTemporary
Actions

D6533.id21872.diff
View Options

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
@@ -1,6 +1,9 @@
div.modal_body {
display: flex;
flex-direction: column;
+ justify-content: center;
+ min-height: 324px;
+ min-width: 320px;
padding: 20px 40px;
border-radius: 16px;
background-color: var(--modal-bg);
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
@@ -29,18 +29,30 @@
setSIWEAuthFlowSelected(false);
}, []);
- let siweSection;
+ let siweLoginForm, siweButton;
if (isDev && siweAuthFlowSelected && signer) {
- siweSection = <SIWELoginForm cancelSIWEAuthFlow={cancelSIWEAuthFlow} />;
+ siweLoginForm = <SIWELoginForm cancelSIWEAuthFlow={cancelSIWEAuthFlow} />;
} else if (isDev) {
- siweSection = <SIWEButton onSIWEButtonClick={onSIWEButtonClick} />;
+ siweButton = <SIWEButton onSIWEButtonClick={onSIWEButtonClick} />;
+ }
+
+ if (siweLoginForm) {
+ return <div className={css.modal_body}>{siweLoginForm}</div>;
+ }
+
+ if (siweButton) {
+ return (
+ <div className={css.modal_body}>
+ <TraditionalLoginForm />
+ <hr />
+ {siweButton}
+ </div>
+ );
}
return (
<div className={css.modal_body}>
<TraditionalLoginForm />
- {siweSection ? <hr /> : null}
- {siweSection}
</div>
);
}
diff --git a/web/account/siwe-login-form.react.js b/web/account/siwe-login-form.react.js
--- a/web/account/siwe-login-form.react.js
+++ b/web/account/siwe-login-form.react.js
@@ -127,8 +127,8 @@
if (!siweNonce || !primaryIdentityPublicKey) {
return (
- <div className={css.connectButtonContainer}>
- <LoadingIndicator status="loading" size="medium" />
+ <div className={css.loadingIndicator}>
+ <LoadingIndicator status="loading" size="large" />
</div>
);
}
diff --git a/web/account/siwe.css b/web/account/siwe.css
--- a/web/account/siwe.css
+++ b/web/account/siwe.css
@@ -44,6 +44,11 @@
padding-bottom: 20px;
}
+div.loadingIndicator {
+ display: flex;
+ justify-content: center;
+}
+
div.siweContainer {
display: flex;
flex-direction: column;

File Metadata

Mime Type
text/plain
Expires
Sat, Nov 16, 11:38 PM (19 h, 1 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2506151
Default Alt Text
D6533.id21872.diff (2 KB)

Event Timeline