Web: Components: fixed text alignment in the buttons

This commit is contained in:
Nikita Gopienko 2020-11-28 13:06:57 +03:00
parent 83e4db1e7f
commit 97e033ac68

View File

@ -108,10 +108,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px"
: props.icon
? props.label
? "11px 24px 13px 24px"
: "11px 11px 13px 11px"
? "10px 24px 13px 24px"
: "10px 11px 13px 11px"
: props.label
? "12px 20px 12px 20px"
? "11px 20px 12px 20px"
: "0px")) ||
(props.size === "big" &&
(props.primary
@ -124,10 +124,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px"
: props.icon
? props.label
? "8px 24px 9px 24px"
: "8px 10px 9px 10px"
? "7px 24px 9px 24px"
: "7px 10px 9px 10px"
: props.label
? "8px 16px 8px 16px"
? "7px 16px 8px 16px"
: "0px")) ||
(props.size === "medium" &&
(props.primary
@ -140,10 +140,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px"
: props.icon
? props.label
? "6px 24px 7px 24px"
: "6px 10px 7px 10px"
? "5px 24px 7px 24px"
: "5px 10px 7px 10px"
: props.label
? "7px 16px 7px 16px"
? "6px 16px 7px 16px"
: "0px")) ||
(props.size === "base" &&
(props.primary
@ -156,10 +156,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
: "0px"
: props.icon
? props.label
? "3px 20px 5px 20px"
: "3px 5px 5px 5px"
? "2px 20px 5px 20px"
: "2px 5px 5px 5px"
: props.label
? "4px 12px 5px 12px"
? "3px 12px 5px 12px"
: "0px"))};
${(props) => (props.minwidth ? `min-width: ${props.minwidth};` : null)}