Блог

Главная - Вопросы по программированию - Как мне заполнить значки fontawesome? — Реагировать

Как мне заполнить значки fontawesome? — Реагировать

#css #jsx

#css #jsx

Вопрос:

У меня есть значки в div, которые есть в моем коде JSX. Я хочу небольшой промежуток между этими значками. Вы можете помочь?

 <div className={styles.icon}>
    <FontAwesomeIcon
        onClick={addToList}
        className={styles["Plus"]}
        icon={faPlus}
    />
    <Link to={`/detail/${recipe.uri.split("_")[1]}`}>
        <FontAwesomeIcon className={styles["Utensils"]} icon={faUtensils} />
    </Link>
</div>

module.css код

 .icon {
    text-decoration: none;
    .Plus {
        color: green;
        font-size: 16px;
    }
    .Utensils {
        color: green;
        font-size: 14px;
    }
}

Ответ №1:

простое добавление поля в класс посуды

  .Utensils {
    color: green;
    font-size: 14px;
    margin: 5px
  }

Ответ №2:

1- Добавьте дополнительный класс к этим значкам и добавьте дополнительное поле:

 .icons{
  margin: 10px;
}