peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 21:06:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

save

Browse Source
This commit is contained in:
tiago.kayaya
2021-06-09 00:20:44 +01:00
parent 8f809e41e2
commit 419330e572
2 changed files with 57 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/login/login.page.html
+13 -3
View File
@@ -1,4 +1,5 @@
<ion-content class="text-white">
<div class="main-wrapper">
<div class="wrapper" *ngIf="userLoginPreference != 'pin' && userLoginPreference != 'fingerprint' && !setPint">
<div class="div-logo">
<img src='assets/images/logo-no-bg.png' alt='logo'>
@@ -11,11 +12,17 @@
</ion-item>
<p class="form-label text-white">Palavra-passe</p>
<ion-item class="form-input">
<ion-input type="password" [(ngModel)]="password" name="input-password" ></ion-input>
</ion-item>
<ion-button class="btn-ok-login" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar</ion-button>
<ion-input (keyup.enter)="Login()" type="password" [(ngModel)]="password" name="input-password" ></ion-input>
</ion-item>
<div class="d-flex pt-25">
<button class="btn-ok btn-login" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar</button>
</div>
</form>
<div class="msg-bottom d-flex">
<p class="msg-bottom-p">Uma iniciativa do Gabinete do Presidente da República</p>
</div>
</div>
<div class="main-content height-100" *ngIf="userLoginPreference == 'pin' || setPint">
<div class=" align-center justify-center">
@@ -65,5 +72,8 @@
</div>
</div>
</div>
</ion-content>
src/app/pages/login/login.page.scss
+44 -25
View File
@@ -1,5 +1,26 @@
@import '~src/function.scss';
:host, app-login {
ion-content {
background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%) !important;
}
}
ion-content{
background-color: white !important;
}
.main-wrapper{
background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%) !important;
display: flex;
height: calc(100% - 50Px);
overflow: auto;
}
.wrapper{
margin: 0 auto;
width: 400px;
height: auto;
padding: 0 !important;
margin: auto !important;
overflow: auto;
}
.div-logo{
width: 200px;
@@ -10,19 +31,18 @@
width: 100%;
}
.wrapper ion-input{
font-size: 18px;
font-size: 16px;
}
.wrapper ion-button{
font-size: medium;
margin-top: 18px;
margin-top: 16px;
}
ion-item{
--background: transparent;
}
.form{
width: 300px;
width: 400px;
overflow: auto;
margin: 0 auto;
}
.form-label{
margin: 15px 0 5px 0;
@@ -30,33 +50,18 @@ ion-item{
}
.form-input{
--background: #fff;
/* --color:#fff; */
border-radius: 10px;
margin: 5px 0 5px 0;
}
.btn-ok-login{
width: 160px !important;
height: 45px !important;
margin: 15px auto;
padding: 10px 15px;
--color:#000;
border-radius: 22.5px;
background-color: #42b9fe;
color: #ffffff !important;
margin: 10px 0 10px 0;
}
.btn-login{
font-size: 16px;
}
:host, app-login {
ion-content {
background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%) !important;
}
}
ion-content{
background-color: white !important;
}
@import '~src/function.scss';
.div-top-header{
margin: 0 em(20px);
@@ -140,4 +145,18 @@ ion-content{
.voltar{
user-select: none;
}
.msg-bottom{
width: 100%;
color: #fff;
align-items: center;
justify-content: center;
.msg-bottom-p{
width: 220px;
position: absolute;
bottom: 0 !important;
text-align: center;
}
}