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

Add pin page

Browse Source
This commit is contained in:
Peter Maquiran
2021-05-27 16:49:09 +01:00
parent f227239023
commit 0405cc603c
4 changed files with 129 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/pin/pin.page.html
+22 -5
View File
@@ -1,9 +1,26 @@
<ion-header>
<ion-toolbar>
<ion-title>pin</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="main-content d-flex flex-column align-center justify-center">
<ion-title class="title">Digite o PIN novo</ion-title>
<div class="terminal">
<div class="d-flex">
<div class="circle">1</div> <div class="circle">2</div> <div class="circle">3</div>
</div>
<div class="d-flex">
<div class="circle">4</div> <div class="circle">5</div> <div class="circle">6</div>
</div>
<div class="d-flex">
<div class="circle">7</div> <div class="circle">8</div> <div class="circle">9</div>
</div>
<div class="d-flex align-center justify-center">
<div class="circle">0</div>
</div>
</div>
</div>
</ion-content>
src/app/shared/pin/pin.page.scss
+30
View File
@@ -0,0 +1,30 @@
:host{
text-align: center;
align-items: center;
display: flex;
justify-content: center;
background-image: url("/assets/background/auth.svg");
background-size: 686px 674px;
background-position: center;
background-position-y: 0px;
background-repeat: no-repeat;
}
.circle{
color: black;
width: 95px;
height: 97px;
display: flex;
align-items: center;
justify-content: center;
font-size: 19pt;
}
.title{
padding-top: 32px;
}
.terminal {
padding-top: 112px;
}