Commit 819e2f57 authored by Nate Wienert's avatar Nate Wienert Committed by GitHub

fix: fix contrast on l2 network text (#7466)

* fix: fix contrast on l2 network text
parent 5357c58a
...@@ -193,6 +193,10 @@ export function ConfirmationModalContent({ ...@@ -193,6 +193,10 @@ export function ConfirmationModalContent({
) )
} }
const StyledL2Badge = styled(Badge)`
padding: 6px 8px;
`
function L2Content({ function L2Content({
onDismiss, onDismiss,
chainId, chainId,
...@@ -225,12 +229,12 @@ function L2Content({ ...@@ -225,12 +229,12 @@ function L2Content({
<AutoColumn> <AutoColumn>
{!inline && ( {!inline && (
<RowBetween mb="16px"> <RowBetween mb="16px">
<Badge> <StyledL2Badge>
<RowFixed gap="8px"> <RowFixed gap="sm">
<ChainLogo chainId={chainId} /> <ChainLogo chainId={chainId} />
{info.label} <ThemedText.SubHeaderSmall>{info.label}</ThemedText.SubHeaderSmall>
</RowFixed> </RowFixed>
</Badge> </StyledL2Badge>
<CloseIcon onClick={onDismiss} /> <CloseIcon onClick={onDismiss} />
</RowBetween> </RowBetween>
)} )}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment