1
I would like to add a background image at the bottom of my login
Follow the html code of my login.page.html
<ion-header>
<ion-toolbar>
<ion-title text-center>Login</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding class=”loginPage” scroll=”false”>
<ion-list>
<ion-item>
<ion-label position="floating">Nome</ion-label>
<ion-input type="text" [(ngModel)] = "nome"></ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">Senha</ion-label>
<ion-input type="password" [(ngModel)] = "senha"></ion-input>
</ion-item>
</ion-list>
<ion-button fill="solid" expand="block" color="dark" (click)="login()">Logar</ion-button>
<ion-button fill="outline" expand="block" color="success" (click)="encaminharRegister()">
<ion-icon slot="start" name="add"></ion-icon>
Fazer cadastro
</ion-button>
</ion-content>
Code for my login.page.scss
page-home{
ion-content{
--ion-background: #ffff00 url('../../assets/imagem.png') no-repeat center center / cover !important;
}
}
of the whole login? in case to stay background.
– Gabriella Selbach
Yes, I really wanted to, but I can’t, I tried that way of the photo and tried a class with background-image and nothing too
– Guilherme Augusto