Задать вопрос
Ответы пользователя по тегу React
  • В странице авторизации KeyCloack как можно добавить свои css/scss стили на React?

    DeoZ
    @DeoZ
    Веб-разработка и Реклама
    Насколько помню. В теме рядом со страницей в формате .ftl кладётся файл theme.properties. В нём параметр styles, где указывается путь к стилям css в папке resources, которая находится в той же теме.
    Также в параметрах указываются значения-ссылки на стили, типа переменных. Эти переменные можно будет использовать в файле .ftl для применения стиля.
    Содержание theme.properties типа:
    parent=base
    styles=css/login.css
    
    kcHeaderClass=header__logo
    kcLabelClass=label

    Тогда в css файле login.css, который лежит по пути resources/css/login.css описываем все эти стили:
    .header__logo {
      ...
    }
    
    .label {
      ...
    }

    И в шаблоне login.ftl используем:
    ...
    <div class="${properties.kcHeaderClass!}"><img .../></div>
    <form>
      <label class="${properties.kcLabelClass!}">...</label>
    </form>
    ...
    Ответ написан
    Комментировать