Skip to content

Commit d66cee2

Browse files
Dan-Nolanclaude
andcommitted
Emphasize Base Sepolia network selection in faucet instructions
- Add gradient callout box with border around network selection instruction - Make "Base Sepolia" text larger with gradient styling - Helps prevent users from selecting wrong network in faucet 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
1 parent b478fb9 commit d66cee2

File tree

1 file changed

+9
-4
lines changed

1 file changed

+9
-4
lines changed

app/wallet/page.tsx

Lines changed: 9 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -413,10 +413,15 @@ export default function WalletPage() {
413413
<p className="text-sm font-medium text-foreground">
414414
Get 10 test USDC from Circle faucet
415415
</p>
416-
<p className="text-sm text-muted-foreground">
417-
Copy your address above, paste it into the faucet, and make sure to select{" "}
418-
<span className="font-semibold">{NETWORK_NAME}</span> as the network.
419-
</p>
416+
<div className="p-4 rounded-lg bg-gradient-to-r from-blue-50 to-purple-50 dark:from-blue-950/30 dark:to-purple-950/30 border-2 border-blue-200 dark:border-blue-800">
417+
<p className="text-sm text-muted-foreground">
418+
Copy your address above, paste it into the faucet, and{" "}
419+
<span className="font-bold text-lg bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
420+
make sure to select {NETWORK_NAME}
421+
</span>{" "}
422+
as the network.
423+
</p>
424+
</div>
420425
<Button
421426
size="default"
422427
variant="secondary"

0 commit comments

Comments
 (0)