Skip to content

Commit 51390f3

Browse files
committed
Playground: Fix ConnectEmbed width (#8132)
<!-- ## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes" If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000): ## Notes for the reviewer Anything important to call out? Be sure to also clarify these in your comments. ## How to test Unit tests, playground, etc. --> <!-- start pr-codex --> --- ## PR-Codex overview This PR focuses on refining the styling of components in the `playground-web` application by removing unnecessary CSS classes that limit width. ### Detailed summary - In `styled-connect-embed.tsx`, removed the class `!max-w-full`. - In `RightSection.tsx`, changed the class from `!max-w-full` to `shadow-xl`, removing the width constraint. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex --> <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Style** * Updated Connect modal styling for sign-in: removed restrictive max-width constraint to improve responsiveness and layout in the RightSection. * Simplified styling by removing custom class overrides from the styled Connect component, relying on default styles for more consistent appearance. * Result: more reliable modal sizing, better visual consistency, and cleaner presentation across themes and wallet variants. <!-- end of auto-generated comment: release notes by coderabbit.ai -->
1 parent fb8c95a commit 51390f3

File tree

2 files changed

+1
-2
lines changed

2 files changed

+1
-2
lines changed

apps/playground-web/src/app/wallets/sign-in/button/RightSection.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -197,7 +197,7 @@ export function RightSection(props: {
197197
}
198198
auth={connectOptions.enableAuth ? playgroundAuth : undefined}
199199
autoConnect={false}
200-
className="shadow-xl !max-w-full"
200+
className="shadow-xl"
201201
client={THIRDWEB_CLIENT}
202202
header={{
203203
title: connectOptions.modalTitle,

apps/playground-web/src/components/styled-connect-embed.tsx

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,6 @@ export function StyledConnectEmbed(
4949
abstract,
5050
]}
5151
client={THIRDWEB_CLIENT}
52-
className="!max-w-full"
5352
theme={theme === "light" ? "light" : "dark"}
5453
wallets={WALLETS}
5554
{...props}

0 commit comments

Comments
 (0)