Skip to content

Commit 19abf81

Browse files
committed
[SDK] Fix: Wallet avatar styles in ConnectButton and Modal (#5422)
i just want my cat back <!-- start pr-codex --> --- ## PR-Codex overview This PR focuses on updating the styling of the `img` elements within the `DetailsModal` component to ensure they maintain a consistent appearance and fit better within their containers. ### Detailed summary - Updated the `style` of the first `img` to include `width: "100%"` and `objectFit: "cover"`. - Modified the `style` of the second `img` to set `height: "100%"`, `width: "100%"`, and `objectFit: "cover"`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
1 parent a00233d commit 19abf81

File tree

1 file changed

+5
-3
lines changed
  • packages/thirdweb/src/react/web/ui/ConnectWallet

1 file changed

+5
-3
lines changed

packages/thirdweb/src/react/web/ui/ConnectWallet/Details.tsx

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -224,8 +224,9 @@ export const ConnectedWalletDetails: React.FC<{
224224
alt=""
225225
src={avatarSrc}
226226
style={{
227-
width: "100%",
228227
height: "100%",
228+
width: "100%",
229+
objectFit: "cover",
229230
}}
230231
/>
231232
) : (
@@ -410,8 +411,9 @@ function DetailsModal(props: {
410411
<img
411412
src={avatarSrc}
412413
style={{
413-
width: iconSize.xxl,
414-
height: iconSize.xxl,
414+
height: "100%",
415+
width: "100%",
416+
objectFit: "cover",
415417
}}
416418
alt=""
417419
/>

0 commit comments

Comments
 (0)