styled component css props

영리치 0 1,224 2022.11.22 12:27

interface CardHeaderImageProps {
  avatar?: any;
  thumbnail?: any;
}

const CardHeaderImage = styled.div<CardHeaderImageProps>`
  background-size: cover;
  background-position: center;
  ${(props: CardHeaderProps) =>
    props.thumbnail &&
    css`
      width: 60px;
      height: 60px;
      border-radius: 5px;
      background-image: url(${(props: CardHeaderProps) => props.thumbnail});
    `}
  ${(props: CardHeaderProps) =>
    props.avatar &&
    css`
      width: 50px;
      height: 50px;
      margin: 4px 0px;
      border-radius: 25px;
      background-image: url(${(props: CardHeaderProps) => props.avatar});
    `}
`;

Comments

[인터뷰] 국내 게임 대기업 PD님 인터뷰 (업계 최고의 PD 양성자)

100억 이상 들어간 게임은 성공 확률이 5% 정도이다.일반적인 인디 게임을 포함해서 게임 제작의 성공 확률은 1%도 안될 것 같다게임은 정말 성공 확률이 굉장히 낮은 비즈니스이다.대신, 성공하면 크게 먹는다누구나 …

영리치 | 02.24