minor fixes
This commit is contained in:
@@ -8,7 +8,7 @@ const Card = styled.article`
|
||||
flex-flow: row nowrap;
|
||||
padding: 0.5rem;
|
||||
color: ${colors.darkBlue};
|
||||
width: 18rem;
|
||||
width: 19rem;
|
||||
`;
|
||||
|
||||
const ImageContainer = styled.div`
|
||||
@@ -17,8 +17,8 @@ const ImageContainer = styled.div`
|
||||
flex-shrink: 0;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 6rem;
|
||||
width: 6rem;
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
|
||||
& > img {
|
||||
width: 100%;
|
||||
@@ -36,10 +36,12 @@ const Info = styled.div`
|
||||
|
||||
& > p {
|
||||
font-size: 0.8rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
& > h4 {
|
||||
font-size: 0.83rem;
|
||||
& > h1 {
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
`;
|
||||
|
||||
@@ -64,7 +66,7 @@ const ContactCard: React.FC<ContactCardProps> = ({ name, phone, email, image, ro
|
||||
</ImageContainer> : null
|
||||
}
|
||||
<Info>
|
||||
<h4>{name}</h4>
|
||||
<h1>{name}</h1>
|
||||
<p>{role_fi || role_en}</p>
|
||||
{phone ? <p>{phone}</p> : null}
|
||||
{email ? <p>{email}</p> : null}
|
||||
|
||||
Reference in New Issue
Block a user