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

fix: action button jank (#3582)

Browse Source
This commit is contained in:
Zach Pomerantz 2022-03-23 14:32:45 -04:00 committed by GitHub
parent a76ece6ce3
commit 84275dcce1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/ActionButton.tsx
View File

@ -16,9 +16,9 @@ const fadeIn = keyframes`
const StyledButton = styled(Button)` const StyledButton = styled(Button)`
animation: ${fadeIn} 0.25s ease-in; animation: ${fadeIn} 0.25s ease-in;
border-radius: ${({ theme }) => theme.borderRadius}em; border-radius: ${({ theme }) => theme.borderRadius * 0.75}em;
flex-grow: 1; flex-grow: 1;
transition: background-color 0.25s ease-out, flex-grow 0.25s ease-out, padding 0.25s ease-in; transition: background-color 0.25s ease-out, border-radius 0.25s ease-out, flex-grow 0.25s ease-out;
:disabled { :disabled {
margin: -1px; margin: -1px;
@ -51,7 +51,7 @@ const actionCss = css`
} }
${StyledButton} { ${StyledButton} {
border-radius: ${({ theme }) => theme.borderRadius * 0.75}em; border-radius: ${({ theme }) => theme.borderRadius}em;
flex-grow: 0; flex-grow: 0;
padding: 1em; padding: 1em;
} }