-
- {showLoader ? (
-
+ <>
+
+
+ {showLoader ? (
+
+ ) : null}
+
+ {error ? (
+
+ {error}
+
) : null}
-
+ >
);
}
diff --git a/bridge_ui/src/components/RadialGradient.tsx b/bridge_ui/src/components/RadialGradient.tsx
index cf39f227..798915a8 100644
--- a/bridge_ui/src/components/RadialGradient.tsx
+++ b/bridge_ui/src/components/RadialGradient.tsx
@@ -9,6 +9,7 @@ const useStyles = makeStyles((theme) => ({
bottom: 0,
left: 0,
background: `radial-gradient(100% 100% at 100% 125%,${theme.palette.secondary.dark} 0,rgba(255,255,255,0) 100%)`,
+ zIndex: -1,
},
hole: {
position: "fixed",
@@ -16,6 +17,7 @@ const useStyles = makeStyles((theme) => ({
right: 0,
opacity: 0.3,
filter: "blur(1px)",
+ zIndex: -1,
},
}));
diff --git a/bridge_ui/src/components/SolanaWalletKey.tsx b/bridge_ui/src/components/SolanaWalletKey.tsx
index a2afba2c..a8c4d290 100644
--- a/bridge_ui/src/components/SolanaWalletKey.tsx
+++ b/bridge_ui/src/components/SolanaWalletKey.tsx
@@ -1,4 +1,4 @@
-import { Toolbar } from "@material-ui/core";
+import { makeStyles } from "@material-ui/core";
import DisconnectIcon from "@material-ui/icons/LinkOff";
import {
WalletDisconnectButton,
@@ -6,18 +6,31 @@ import {
} from "@solana/wallet-adapter-material-ui";
import { useSolanaWallet } from "../contexts/SolanaWalletContext";
+const useStyles = makeStyles((theme) => ({
+ root: {
+ textAlign: "center",
+ margin: `${theme.spacing(1)}px auto`,
+ width: "100%",
+ maxWidth: 400,
+ },
+ disconnectButton: {
+ marginLeft: theme.spacing(1),
+ },
+}));
+
const SolanaWalletKey = () => {
+ const classes = useStyles();
const wallet = useSolanaWallet();
return (
-