Web:Components:Avatar: fix width
This commit is contained in:
parent
c55c2ffab2
commit
0dc9574b01
@ -83,6 +83,12 @@ const RoleWrapper = styled.div`
|
|||||||
(props.size === "medium" &&
|
(props.size === "medium" &&
|
||||||
props.theme.avatar.roleWrapperContainer.width.medium) ||
|
props.theme.avatar.roleWrapperContainer.width.medium) ||
|
||||||
"16px"};
|
"16px"};
|
||||||
|
min-width: ${(props) =>
|
||||||
|
(props.size === "max" &&
|
||||||
|
props.theme.avatar.roleWrapperContainer.width.max) ||
|
||||||
|
(props.size === "medium" &&
|
||||||
|
props.theme.avatar.roleWrapperContainer.width.medium) ||
|
||||||
|
"16px"};
|
||||||
`;
|
`;
|
||||||
RoleWrapper.defaultProps = { theme: Base };
|
RoleWrapper.defaultProps = { theme: Base };
|
||||||
|
|
||||||
@ -135,6 +141,7 @@ const heightStyle = (props) => props.theme.avatar.height[props.size];
|
|||||||
const StyledAvatar = styled.div`
|
const StyledAvatar = styled.div`
|
||||||
position: relative;
|
position: relative;
|
||||||
width: ${(props) => widthStyle(props)};
|
width: ${(props) => widthStyle(props)};
|
||||||
|
min-width: ${(props) => widthStyle(props)};
|
||||||
height: ${(props) => heightStyle(props)};
|
height: ${(props) => heightStyle(props)};
|
||||||
font-family: ${(props) => props.theme.fontFamily};
|
font-family: ${(props) => props.theme.fontFamily};
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
|
Loading…
Reference in New Issue
Block a user