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

* fix: fix contrast on l2 network text
This commit is contained in:
Nate Wienert 2023-10-19 13:05:26 -04:00 committed by GitHub
parent 5357c58ac9
commit 819e2f5712
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -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({
<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>
)} )}