diff --git a/web/cashtab/src/components/App.js b/web/cashtab/src/components/App.js --- a/web/cashtab/src/components/App.js +++ b/web/cashtab/src/components/App.js @@ -81,14 +81,16 @@ const Footer = styled.div` z-index: 2; background-color: ${props => props.theme.footer.background}; - border-radius: 20px; + border-radius: 26px; position: fixed; bottom: 0; width: 500px; + box-shadow: rgb(136 172 243 / 25%) 0px 10px 30px, + rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px; @media (max-width: 768px) { width: 100%; } - border-top: 1px solid ${props => props.theme.wallet.borders.color}; + /* border-top: 1px solid ${props => props.theme.wallet.borders.color}; */ `; export const NavButton = styled.button` @@ -164,7 +166,7 @@ padding: 20px 0 30px; margin-bottom: 20px; justify-content: space-between; - border-bottom: 1px solid ${props => props.theme.wallet.borders.color}; + /* border-bottom: 1px solid ${props => props.theme.wallet.borders.color}; */ a { color: ${props => props.theme.wallet.text.secondary}; diff --git a/web/cashtab/src/components/Common/QRCode.js b/web/cashtab/src/components/Common/QRCode.js --- a/web/cashtab/src/components/Common/QRCode.js +++ b/web/cashtab/src/components/Common/QRCode.js @@ -12,11 +12,12 @@ export const StyledRawQRCode = styled(RawQRCode)` cursor: pointer; - border-radius: 23px; + border-radius: 26px; background: ${props => props.theme.qr.background}; - box-shadow: ${props => props.theme.qr.shadow}; + box-shadow: rgb(136 172 243 / 25%) 0px 10px 30px, + rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px; margin-bottom: 10px; - border: 1px solid ${props => props.theme.wallet.borders.color}; + /* border: 1px solid ${props => props.theme.wallet.borders.color}; */ path:first-child { fill: ${props => props.theme.qr.background}; } diff --git a/web/cashtab/src/components/Wallet/TokenListItem.js b/web/cashtab/src/components/Wallet/TokenListItem.js --- a/web/cashtab/src/components/Wallet/TokenListItem.js +++ b/web/cashtab/src/components/Wallet/TokenListItem.js @@ -19,11 +19,12 @@ justify-content: space-between; align-items: center; padding: 15px 25px; - border-radius: 3px; + border-radius: 16px; background: ${props => props.theme.tokenListItem.background}; - margin-bottom: 3px; - box-shadow: ${props => props.theme.tokenListItem.boxShadow}; - border: 1px solid ${props => props.theme.tokenListItem.border}; + margin-bottom: 10px; + box-shadow: rgb(136 172 243 / 25%) 0px 10px 30px, + rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px; + /* border: 1px solid ${props => props.theme.tokenListItem.border}; */ :hover { border-color: ${props => props.theme.tokenListItem.hoverBorder}; diff --git a/web/cashtab/src/components/Wallet/Tx.js b/web/cashtab/src/components/Wallet/Tx.js --- a/web/cashtab/src/components/Wallet/Tx.js +++ b/web/cashtab/src/components/Wallet/Tx.js @@ -131,11 +131,12 @@ justify-content: space-between; align-items: center; padding: 15px 25px; - border-radius: 3px; + border-radius: 16px; background: ${props => props.theme.tokenListItem.background}; - margin-bottom: 3px; - box-shadow: ${props => props.theme.tokenListItem.boxShadow}; - border: 1px solid ${props => props.theme.tokenListItem.border}; + margin-bottom: 12px; + box-shadow: rgb(136 172 243 / 25%) 0px 10px 30px, + rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px; + /* border: 1px solid ${props => props.theme.tokenListItem.border}; */ :hover { border-color: ${props => props.theme.primary};