design tweaks
This commit is contained in:
parent
959c8f1e99
commit
0d2c626445
@ -130,6 +130,13 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
|
||||
///// ///// ///// ///// ///// ///// ///// ///// ///// ///// ///// ///// ///// /////
|
||||
|
||||
padding: ${(props) => `${props.theme.button.padding[props.size]}`};
|
||||
${({ icon }) =>
|
||||
icon &&
|
||||
css`
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
height: auto;
|
||||
`}
|
||||
|
||||
/* padding: ${(props) =>
|
||||
((props.size === "normal40" || props.size === "small") &&
|
||||
@ -261,6 +268,8 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
|
||||
|
||||
.btnIcon,
|
||||
.loader {
|
||||
line-height: ${(props) => lineHeightStyle(props)};
|
||||
margin-right: 4px;
|
||||
display: ${(props) => props.theme.button.display};
|
||||
vertical-align: ${(props) => props.theme.button.topVerticalAlign};
|
||||
}
|
||||
|
@ -116,8 +116,8 @@ const Base = {
|
||||
},
|
||||
|
||||
lineHeight: {
|
||||
extraSmall: "15px",
|
||||
small: "13px",
|
||||
extraSmall: "12px",
|
||||
small: "14px",
|
||||
normal36: "16px",
|
||||
normal40: "16px",
|
||||
medium: "22px",
|
||||
|
Loading…
Reference in New Issue
Block a user