design tweaks

This commit is contained in:
mushka 2022-03-10 15:35:26 +03:00
parent 959c8f1e99
commit 0d2c626445
2 changed files with 11 additions and 2 deletions

View File

@ -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};
}

View File

@ -116,8 +116,8 @@ const Base = {
},
lineHeight: {
extraSmall: "15px",
small: "13px",
extraSmall: "12px",
small: "14px",
normal36: "16px",
normal40: "16px",
medium: "22px",