Web: Components: fixed text alignment in the buttons
This commit is contained in:
parent
83e4db1e7f
commit
97e033ac68
@ -108,10 +108,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
|
|||||||
: "0px"
|
: "0px"
|
||||||
: props.icon
|
: props.icon
|
||||||
? props.label
|
? props.label
|
||||||
? "11px 24px 13px 24px"
|
? "10px 24px 13px 24px"
|
||||||
: "11px 11px 13px 11px"
|
: "10px 11px 13px 11px"
|
||||||
: props.label
|
: props.label
|
||||||
? "12px 20px 12px 20px"
|
? "11px 20px 12px 20px"
|
||||||
: "0px")) ||
|
: "0px")) ||
|
||||||
(props.size === "big" &&
|
(props.size === "big" &&
|
||||||
(props.primary
|
(props.primary
|
||||||
@ -124,10 +124,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
|
|||||||
: "0px"
|
: "0px"
|
||||||
: props.icon
|
: props.icon
|
||||||
? props.label
|
? props.label
|
||||||
? "8px 24px 9px 24px"
|
? "7px 24px 9px 24px"
|
||||||
: "8px 10px 9px 10px"
|
: "7px 10px 9px 10px"
|
||||||
: props.label
|
: props.label
|
||||||
? "8px 16px 8px 16px"
|
? "7px 16px 8px 16px"
|
||||||
: "0px")) ||
|
: "0px")) ||
|
||||||
(props.size === "medium" &&
|
(props.size === "medium" &&
|
||||||
(props.primary
|
(props.primary
|
||||||
@ -140,10 +140,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
|
|||||||
: "0px"
|
: "0px"
|
||||||
: props.icon
|
: props.icon
|
||||||
? props.label
|
? props.label
|
||||||
? "6px 24px 7px 24px"
|
? "5px 24px 7px 24px"
|
||||||
: "6px 10px 7px 10px"
|
: "5px 10px 7px 10px"
|
||||||
: props.label
|
: props.label
|
||||||
? "7px 16px 7px 16px"
|
? "6px 16px 7px 16px"
|
||||||
: "0px")) ||
|
: "0px")) ||
|
||||||
(props.size === "base" &&
|
(props.size === "base" &&
|
||||||
(props.primary
|
(props.primary
|
||||||
@ -156,10 +156,10 @@ const StyledButton = styled(ButtonWrapper).attrs((props) => ({
|
|||||||
: "0px"
|
: "0px"
|
||||||
: props.icon
|
: props.icon
|
||||||
? props.label
|
? props.label
|
||||||
? "3px 20px 5px 20px"
|
? "2px 20px 5px 20px"
|
||||||
: "3px 5px 5px 5px"
|
: "2px 5px 5px 5px"
|
||||||
: props.label
|
: props.label
|
||||||
? "4px 12px 5px 12px"
|
? "3px 12px 5px 12px"
|
||||||
: "0px"))};
|
: "0px"))};
|
||||||
|
|
||||||
${(props) => (props.minwidth ? `min-width: ${props.minwidth};` : null)}
|
${(props) => (props.minwidth ? `min-width: ${props.minwidth};` : null)}
|
||||||
|
Loading…
Reference in New Issue
Block a user