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"
|
||||
: 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)}
|
||||
|
Loading…
Reference in New Issue
Block a user