No more padding shenanigans

ordzaar · Sep 8, 2023 · b462193 · b462193
1 parent 12f1815
commit b462193
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 24 deletions.
diff --git a/packages/sado-connect/src/assets/unisat-wallet.svg b/packages/sado-connect/src/assets/unisat-wallet.svg
diff --git a/packages/sado-connect/src/assets/xverse-wallet.svg b/packages/sado-connect/src/assets/xverse-wallet.svg
diff --git a/packages/sado-connect/src/components/SelectWalletModal/WalletButton.tsx b/packages/sado-connect/src/components/SelectWalletModal/WalletButton.tsx
@@ -6,15 +6,13 @@ interface WalletButtonProp {
   name: string;
   onConnect: () => Promise<boolean>;
   icon: string;
-  imageClassOverride?: string;
   setErrorMessage: (msg: string) => void;
 }
 
 export function WalletButton({
   name,
   onConnect,
   icon,
-  imageClassOverride,
   setErrorMessage,
 }: WalletButtonProp) {
   const [loading, setLoading] = useState(false);
@@ -35,11 +33,7 @@ export function WalletButton({
         }
       }}
     >
-      <img
-        src={icon}
-        className={imageClassOverride}
-        alt={`Connect ${name} Wallet`}
-      />
+      <img width={40} src={icon} alt={`Connect ${name} Wallet`} />
       <span className="wallet-option-label">{name}</span>
       {loading ? (
         <img

diff --git a/packages/sado-connect/src/components/SelectWalletModal/index.tsx b/packages/sado-connect/src/components/SelectWalletModal/index.tsx
@@ -197,7 +197,6 @@ export function SelectWalletModal({
                       <hr className="horizontal-separator" />
                       <WalletButton
                         name="Xverse"
-                        imageClassOverride="xverse-icon"
                         onConnect={onConnectXverseWallet}
                         icon={XverseWalletIcon}
                         setErrorMessage={setErrorMessage}

diff --git a/packages/sado-connect/src/components/SelectWalletModal/style.css b/packages/sado-connect/src/components/SelectWalletModal/style.css
@@ -127,11 +127,6 @@
   cursor: wait !important;
 }
 
-.xverse-icon {
-  width: 30px;
-  padding: 5px;
-}
-
 .wallet-identifier-container {
   position: relative;
   display: inline-block;
@@ -141,11 +136,10 @@
   position: absolute;
   bottom: 4px;
   right: 0;
-  width: 7px;
+  width: 12px;
   border-radius: 50%;
   background-color: black;
   object-fit: cover;
-  padding: 3px;
 }
 
 .sado-connect-wallet-modal .wallet-option-button:hover {