Clarity.Design: настройка компонента входа - PullRequest
0 голосов
/ 30 апреля 2018

Есть ли урок, объясняющий, как настроить компонент "Логин"? Например, используя пользовательский фон или выровнять форму по-другому?

Спасибо

1 Ответ

0 голосов
/ 30 апреля 2018

Ответ на ваш вопрос состоит из двух частей.

ТЕМЫ (он же настраивает изображение входа в систему svg)

Вы можете настроить переменную SCSS для фона входа в систему: $clr-login-background. Посмотрите, как я добавил темную тему svg здесь . Это означает, что вам придется создавать стили Clarity как часть процесса сборки приложений, даже если вы настраиваете только одну из настраиваемых переменных для Clarity SCSS. Больше информации о пользовательских темах здесь , в документации. Эта информация о создании пользовательской темы находится внизу страницы.

ФОРМА ВХОДА

Для особенностей формы, которую вы используете в своем приложении, вы можете добавить части, которые имеют смысл для ваших спецификаций. Существуют стили для: .title, .subtitle, .username, .password, .error и т.д ...

Если вы посмотрите на пример в документах Страница входа в систему , вы увидите, как форма использует эти элементы, и измените их для своего варианта использования.

...