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

fix: fully round corner on account dropdown (#4682)

Browse Source 
* fix: fully rounder corner on account dropdown

* comment
This commit is contained in:
vignesh mohankumar 2022-09-20 18:38:32 -04:00 committed by GitHub
parent 9ca44652b3
commit 8e955e9257
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Web3Status/index.tsx
View File

@ -34,12 +34,15 @@ import Loader from '../Loader'
import { RowBetween } from '../Row' import { RowBetween } from '../Row'
import WalletModal from '../WalletModal' import WalletModal from '../WalletModal'
// https://stackoverflow.com/a/31617326
const FULL_BORDER_RADIUS = 9999
const Web3StatusGeneric = styled(ButtonSecondary)` const Web3StatusGeneric = styled(ButtonSecondary)`
${({ theme }) => theme.flexRowNoWrap} ${({ theme }) => theme.flexRowNoWrap}
width: 100%; width: 100%;
align-items: center; align-items: center;
padding: 0.5rem; padding: 0.5rem;
border-radius: 14px; border-radius: ${FULL_BORDER_RADIUS}px;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
height: 36px; height: 36px;
@ -64,7 +67,7 @@ const Web3StatusConnectButton = styled.button<{ faded?: boolean }>`
${({ theme }) => theme.flexRowNoWrap} ${({ theme }) => theme.flexRowNoWrap}
align-items: center; align-items: center;
background-color: ${({ theme }) => theme.accentActionSoft}; background-color: ${({ theme }) => theme.accentActionSoft};
border-radius: 12px; border-radius: ${FULL_BORDER_RADIUS}px;
border: none; border: none;
cursor: pointer; cursor: pointer;
padding: 0 12px; padding: 0 12px;