ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Spore color fixes (#7233)

Browse Source 
* fix: bridge chain popup line break

* fix: background initial gradient to match the default ETH bg for light and dark mode
This commit is contained in:
Nate Wienert 2023-08-25 11:43:26 -10:00 committed by GitHub
parent bb51be545b
commit b47cebd40b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/index.html
View File

@ -118,13 +118,13 @@
@media (prefers-color-scheme: dark) {
html {
background: linear-gradient(180deg, #202738 0%, #070816 100%);
background: linear-gradient(rgb(19, 19, 19) 0%, rgb(19, 19, 19) 100%);
}
}
@media (prefers-color-scheme: light) {
html {
background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0.51) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF
background: radial-gradient(100% 100% at 50% 0%, rgba(255, 184, 226, 0) 0%, rgba(255, 255, 255, 0) 100%), rgb(255, 255, 255);
}
}
</style>

7
src/components/NetworkAlert/NetworkAlert.tsx
View File

@ -8,7 +8,7 @@ import { ExternalLink, HideSmall } from 'theme'
import { colors } from 'theme/colors'
import { useDarkModeManager } from 'theme/components/ThemeToggle'
import { AutoRow } from '../Row'
import Column from '../Column'
const L2Icon = styled.img`
width: 24px;
@ -23,6 +23,7 @@ const BodyText = styled.div`
justify-content: flex-start;
margin: 8px;
font-size: 14px;
line-height: 20px;
`
const RootWrapper = styled.div`
margin-top: 16px;
@ -188,14 +189,14 @@ export function NetworkAlert() {
<LinkOutToBridge href={bridge}>
<BodyText color={textColor}>
<L2Icon src={logoUrl} />
<AutoRow>
<Column>
<Header>
<Trans>{label} token bridge</Trans>
</Header>
<HideSmall>
<Trans>Deposit tokens to the {label} network.</Trans>
</HideSmall>
</AutoRow>
</Column>
</BodyText>
<StyledArrowUpRight color={textColor} />
</LinkOutToBridge>