Skip to content

Commit e0dcc64

Browse files
committed
Fix connect button border in firefox (#4160)
Corrects an issue with the border visibility in firefox by explicitly specifying the div height <!-- start pr-codex --> --- ## PR-Codex overview This PR focuses on fixing the connect button border issue on Firefox browser. ### Detailed summary - Added `height: "50px"` to the button style in `Details.tsx` for proper display on Firefox. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
1 parent f0d6e34 commit e0dcc64

File tree

2 files changed

+6
-0
lines changed

2 files changed

+6
-0
lines changed

.changeset/seven-gorillas-speak.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"thirdweb": patch
3+
---
4+
5+
Fix connect button border on firefox browser

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -214,6 +214,7 @@ export const ConnectedWalletDetails: React.FC<{
214214
border: `1px solid ${theme.colors.borderColor}`,
215215
textOverflow: "ellipsis",
216216
width: "115px",
217+
height: "50px",
217218
whiteSpace: "nowrap",
218219
borderRadius: `0 ${radius.md} ${radius.md} 0`,
219220
}}

0 commit comments

Comments
 (0)