Как добавить фоновое изображение только на страницу входа

Question

Здравствуйте, я хочу добавить фоновое изображение только для входа на страницу компонента. После входа в систему пользователь перенаправляется на домашнюю страницу, поэтому фоновое изображение должно исчезнуть. Я добавляю фон в метку html в моей таблице стилей CSS. Мой код выглядит следующим образом:

HTML{
    background:linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("#{$backgroundImage}/background.svg") no-repeat center center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    font:$font;
    height:100%;
    margin:0;
    padding:0;
    BODY{
        @extend HTML;
        }
        .
        .
        .
}

Может ли кто-нибудь помочь мне, пожалуйста?

Answer 1

Добавьте приведенный ниже код CSS в свой файл CSS компонента.

  body { 
     background: url('/assets/Img/login.jpg') no-repeat center center fixed; 
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
    }

.panel-default {
 opacity: 0.9;
 margin-top:30px;
}
.form-group.last {
 margin-bottom:0px;
}

Answer 2

Вам нужно создать компонент для фона;затем импортируйте его для страницы входа.