Page MenuHomePhorge

D6652.1768371888.diff
No OneTemporary

Size
1 KB
Referenced Files
None
Subscribers
None

D6652.1768371888.diff

diff --git a/landing/siwe.css b/landing/siwe.css
--- a/landing/siwe.css
+++ b/landing/siwe.css
@@ -14,12 +14,17 @@
font-family: sans-serif;
padding: 20px;
}
-.walletDisplay {
+
+div.connectedWalletInfo {
+ width: 100%;
display: flex;
- flex-direction: column;
- align-items: center;
- padding: 20px;
+ flex-direction: row;
}
+
+div.connectedWalletInfo > div {
+ width: 100%;
+}
+
.walletDisplayText {
font-size: 24px;
padding: 5px;
diff --git a/landing/siwe.react.js b/landing/siwe.react.js
--- a/landing/siwe.react.js
+++ b/landing/siwe.react.js
@@ -5,7 +5,6 @@
RainbowKitProvider,
darkTheme,
useModalState,
- ConnectButton,
connectorsForWallets,
} from '@rainbow-me/rainbowkit';
import '@rainbow-me/rainbowkit/styles.css';
@@ -21,6 +20,7 @@
import * as React from 'react';
import { useAccount, useSigner, WagmiConfig } from 'wagmi';
+import ConnectedWalletInfo from 'lib/components/connected-wallet-info.react.js';
import type { SIWEWebViewMessage } from 'lib/types/siwe-types.js';
import {
getSIWEStatementForPublicKey,
@@ -157,9 +157,9 @@
} else {
return (
<div className={css.wrapper}>
- <div className={css.walletDisplay}>
- <span className={css.walletDisplayText}>Wallet Connected:</span>
- <ConnectButton />
+ <span className={css.walletDisplayText}>Wallet Connected:</span>
+ <div className={css.connectedWalletInfo}>
+ <ConnectedWalletInfo />
</div>
<p>{siweMessageSigningExplanationStatements}</p>
<p>
diff --git a/lib/components/connected-wallet-info.css b/lib/components/connected-wallet-info.css
--- a/lib/components/connected-wallet-info.css
+++ b/lib/components/connected-wallet-info.css
@@ -19,6 +19,7 @@
}
div.avatar {
+ box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;

File Metadata

Mime Type
text/plain
Expires
Wed, Jan 14, 6:24 AM (2 h, 2 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5928661
Default Alt Text
D6652.1768371888.diff (1 KB)

Event Timeline