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

save

Browse Source
This commit is contained in:
tiago.kayaya
2021-04-11 18:29:14 +01:00
parent 4be1cf4554
commit f2db8e48bb
5 changed files with 211 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/gabinete-digital/gabinete-digital.page.html
+25 -24
View File
@@ -13,7 +13,7 @@
<!-- Aside left -->
<div class="aside-wrapper d-flex flex-column justify-center width-md-40 ">
<div class="title-container">
<span class="text-center mt-0 aside-title px-20">Gabinete Digital</span>
<ion-label class="title">Gabinete Digital</ion-label>
<button class="btn-no-color" (click)="doRefresh($event)">
<ion-icon class="title-icon" name="reload-circle"></ion-icon>
</button>
@@ -66,33 +66,34 @@
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
<div class="exp-card-long d-flex flex-column justify-center width-100" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-diploma.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Expediente Presidente</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
<div class="exp-card-long d-flex flex-column justify-center width-100" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-diploma.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Despacho do Presidente da República</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
<div class="exp-card-long justify-center width-100" (click)="notImplemented()">
<div class="center-div">
<div class="exp-card-icon">
<ion-icon src="assets/images/icons-expediente-presidente.svg"></ion-icon>
</div>
<div class="exp-card-text">
<p class="text-center exp-card-title ">Expediente Presidente</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
</div>
</div>
<div class="exp-card-long width-100" (click)="notImplemented()">
<div class="center-div">
<div class="exp-card-icon">
<ion-icon src="assets/images/icons-despachos-presidente.svg"></ion-icon>
</div>
<div class="exp-card-text">
<p class="text-center exp-card-title">Despacho do Presidente da República</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
</div>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-diploma.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Diplomas por Validar</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
</div>
<div class="exp-card d-flex flex-column justify-center" (click)="notImplemented()">
<div class="d-flex justify-center">
<ion-icon src="assets/images/icons-expediente-diploma.svg"></ion-icon>
<ion-icon src="assets/images/icons-diplomas-assinados-presidente.svg"></ion-icon>
</div>
<p class="text-center exp-card-title ">Diplomas assinaldos PR</p>
<p class="text-center exp-card-content"><span class="number">-</span> <span class="title1">Documentos</span> </p>
src/app/pages/gabinete-digital/gabinete-digital.page.scss
+24 -3
View File
@@ -12,6 +12,7 @@ ion-content{
text-align: center;
}
.title-container{
padding: 30px 20px 0 20px !important;
margin-bottom: 15px;
.btn-no-color{
display: flex;
@@ -87,7 +88,6 @@ ion-content{
margin: 0 auto;
background:#ecf8ff;
overflow:auto;
border: 1px solid red;
padding: 0 !important;
margin: 0 !important;
@@ -95,7 +95,6 @@ ion-content{
border-top-right-radius: 25px;
.aside{
border: 1px solid red;
//display: flex;
align-items: center;
justify-content: center;
@@ -119,7 +118,22 @@ ion-content{
margin: 7px 20px;
border-radius: 15px;
background-color: #ffffff !important;
border: 1px solid red;
padding: 7px;
.center-div{
width: fit-content;
margin: 0 auto;
overflow: auto;
}
.exp-card-icon{
width: fit-content;
font-size: 48px;
float: left !important;
}
.exp-card-text{
width: fit-content;
float: left !important;
}
}
.exp-card-icon{
@@ -186,6 +200,7 @@ ion-content{
.main-content{
.aside-wrapper{
display: flex;
width: 35%;
justify-content: flex-start !important;
border-right: 1px solid #d8d8d8;
@@ -194,6 +209,12 @@ ion-content{
font-size: 25px;
text-align: left;
}
.exp-card{
width: 100% !important;
}
.exp-card-long{
width: 100% !important;
}
}
.aside-content{
width: 65%;