zecfoundation
/
zepio
mirror of https://github.com/ZcashFoundation/zepio.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

refactor: using borderboxradius theme var

This commit is contained in:
Andre Neves 2019-02-24 11:20:05 -05:00
parent 51d9eeb50e
commit 9becefbcf5
7 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/button.js
View File

@ -15,7 +15,7 @@ const DefaultButton = styled.button`
cursor: pointer;
outline: none;
min-width: 100px;
border-radius: 3px;
border-radius: ${props => props.theme.boxBorderRadius};
transition: background-color 0.1s ${props => props.theme.transitionEase};
`;

2
app/components/confirm-dialog.js
View File

@ -16,7 +16,7 @@ const Wrapper = styled.div`
background-color: ${props => props.theme.colors.background};
flex-direction: column;
align-items: center;
border-radius: 6px;
border-radius: ${props => props.theme.boxBorderRadius};
box-shadow: ${props => props.theme.colors.transactionDetailsShadow}
position: relative;
`;

2
app/components/error-modal.js
View File

@ -28,7 +28,7 @@ const ChildrenWrapper = styled.div`
flex-direction: column;
align-items: center;
justify-content: center;
border-radius: 6px;
border-radius: ${props => props.theme.boxBorderRadius};
box-shadow: 0px 0px 30px 0px black;
position: relative;
z-index: 90;

2
app/components/loading-screen.js
View File

@ -28,7 +28,7 @@ const LoadingCard = styled.div`
padding: 60px;
min-width: 300px;
min-height: 200px;
border-radius: 3px;
border-radius: ${props => props.theme.boxBorderRadius};
`;
const CircleWrapper = styled.div`

2
app/components/transaction-details.js
View File

@ -27,7 +27,7 @@ const Wrapper = styled.div`
display: flex;
flex-direction: column;
align-items: center;
border-radius: 6px;
border-radius: ${props => props.theme.boxBorderRadius};
box-shadow: ${props => props.theme.colors.transactionDetailsShadow};
position: relative;
`;

4
app/components/wallet-address.js
View File

@ -60,7 +60,7 @@ const QRCodeContainer = styled.div`
display: flex;
background-color: ${props => props.theme.colors.qrCodeWrapperBg}
border: 1px solid ${props => props.theme.colors.qrCodeWrapperBorder}
border-radius: 3px;
border-radius: ${props => props.theme.boxBorderRadius};
padding: 20px;
margin-bottom: 10px;
width: 100%;
@ -97,7 +97,7 @@ const CopyTooltip = styled.div`
top: -27px;
left: -8px;
padding: 6px 10px;
border-radius: 3px;
border-radius: ${props => props.theme.boxBorderRadius};
`;
const TooltipText = styled(TextComponent)`

4
app/views/send.js
View File

@ -121,7 +121,7 @@ const SeeMoreIcon = styled.img`
const FeeWrapper = styled.div`
background-color: ${props => props.theme.colors.sendAdditionalOptionsBg};
border: 1px solid ${props => props.theme.colors.sendAdditionalOptionsBorder};
border-radius: 3px;
border-radius: ${props => props.theme.boxBorderRadius};
padding: 0 20px 15px;
margin-bottom: 20px;
`;
@ -297,7 +297,7 @@ const SimpleTooltip = styled.div`
top: -30px;
right: 0px;
padding: 6px 10px;
border-radius: 3px;
border-radius: ${props => props.theme.boxBorderRadius};
`;
const TooltipText = styled(TextComponent)`