Skip to content

Commit 8842ac7

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` element in the `DetailsModal` component to ensure it covers the available space more effectively. ### Detailed summary - In the first `img` element: - Changed `-width: "100%"` to `+width: "100%"` - Added `+objectFit: "cover"` - In the second `img` element: - Changed `-width: iconSize.xxl` to `+width: "100%"` - Changed `-height: iconSize.xxl` to `+height: "100%"` - Added `+objectFit: "cover"` > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
1 parent acc7303 commit 8842ac7

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)