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

style: add transition to button and move gradient up (#5660)

Browse Source 
Add transition to button and move gradient up

Moves gradient up to obscure more of the swap box
This commit is contained in:
pp-hh-ii-ll 2022-12-12 13:33:22 -05:00 committed by GitHub
parent e22554b4c4
commit 3613dc2d4a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Landing/index.tsx
View File

@ -31,8 +31,8 @@ const Gradient = styled.div<{ isDarkMode: boolean }>`
width: 100%; width: 100%;
background: ${({ isDarkMode }) => background: ${({ isDarkMode }) =>
isDarkMode isDarkMode
? 'linear-gradient(rgba(8, 10, 24, 0) 9.84%, rgb(8 10 24 / 86%) 35.35%)' ? 'linear-gradient(rgba(8, 10, 24, 0) 0%, rgb(8 10 24 / 100%) 45%)'
: 'linear-gradient(rgba(8, 10, 24, 0) 9.84%, rgb(255 255 255 / 86%) 35.35%)'}; : 'linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255 255 255 /100%) 45%)'};
z-index: ${Z_INDEX.dropdown}; z-index: ${Z_INDEX.dropdown};
pointer-events: none; pointer-events: none;
` `
@ -132,6 +132,7 @@ const ButtonCTASecondary = styled(LandingButton)`
background: none; background: none;
border: ${({ theme }) => `1px solid ${theme.textPrimary}`}; border: ${({ theme }) => `1px solid ${theme.textPrimary}`};
color: ${({ theme }) => theme.textPrimary}; color: ${({ theme }) => theme.textPrimary};
transition: ${({ theme }) => `all ${theme.transition.duration.medium} ${theme.transition.timing.ease}`};
&:hover { &:hover {
border: 1px solid rgba(255, 0, 199, 1); border: 1px solid rgba(255, 0, 199, 1);