Skip to content

Commit 510be22

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 in the `DetailsModal` component to ensure they maintain aspect ratio and are responsive. ### Detailed summary - Changed the `width` of the first `img` to `"100%"` and added `objectFit: "cover"`. - Updated the second `img` to have `height` and `width` set to `"100%"`, along with `objectFit: "cover"`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
1 parent d4430d4 commit 510be22

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)