mirror of
https://code.equilibrium.co.ao/ITO/doneit-web.git
synced 2026-04-21 05:45:50 +00:00
Improve gabinete digital responsiveness
This commit is contained in:
@@ -13,9 +13,9 @@
|
||||
<div class="d-flex height-100">
|
||||
|
||||
<!-- -->
|
||||
<div class="d-flex aside-wrapper flex-column pt-25 justify-center max-width-md-40 width-40">
|
||||
<div class="d-flex aside-wrapper flex-column pt-25 justify-center width-md-40 ">
|
||||
<p class="text-center mt-0 aside-title px-20">Gabinete Digital</p>
|
||||
<div class="aside overflow-y-auto d-flex flex-wrap justify-center width-100">
|
||||
<div class="aside overflow-y-auto d-flex d-md-block flex-wrap justify-center width-100 px-20">
|
||||
<div class="exp-card d-flex flex-column justify-center" (click)="openEventsToApproveList('MDGPR')">
|
||||
<div class="d-flex justify-center">
|
||||
<ion-icon src="assets/images/icons-agenda.svg"></ion-icon>
|
||||
@@ -23,7 +23,7 @@
|
||||
<p class="text-center exp-card-title ">Eventos para Aprovação</p>
|
||||
<p class="text-center exp-card-content">{{count_ev_md+count_ev_pr}} <span class="title1">Documentos</span></p>
|
||||
</div>
|
||||
<div class="exp-card d-flex flex-column justify-center width-md-100" (click)="openExpedientList()">
|
||||
<div class="exp-card d-flex flex-column justify-center" (click)="openExpedientList()">
|
||||
<div class="d-flex justify-center">
|
||||
<ion-icon src="assets/images/icons-correspondencia.svg"></ion-icon>
|
||||
</div>
|
||||
|
||||
@@ -82,7 +82,6 @@ ion-content{
|
||||
}
|
||||
}
|
||||
.title-content{
|
||||
width: 360px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
@@ -162,9 +161,6 @@ ion-content{
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.aside{
|
||||
width: 340px;
|
||||
}
|
||||
.aside-content{
|
||||
display: flex !important;
|
||||
background-color: white;
|
||||
@@ -174,7 +170,7 @@ ion-content{
|
||||
.exp-card{
|
||||
margin: 5px auto;
|
||||
flex-direction: row !important;
|
||||
width: 300px;
|
||||
width: 100%;
|
||||
padding-right: 11px;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
|
||||
@@ -10,11 +10,12 @@
|
||||
</ion-refresher>
|
||||
|
||||
<!-- Main container -->
|
||||
<div class="d-flex height-100">
|
||||
<div class="d-flex height-100 background-white overflow-hidden border-t-radius ">
|
||||
<!-- Left -->
|
||||
<div class="d-flex flex-grow-1 flex-column aside max-width-md-40">
|
||||
<!-- Header -->
|
||||
<ion-toolbar class="bg-blue">
|
||||
<div class="main-header">
|
||||
<ion-toolbar >
|
||||
<div class="main-header pt-25">
|
||||
<div class="title-content">
|
||||
<div class="div-title">
|
||||
<ion-label class="title">Ações Presidenciais</ion-label>
|
||||
@@ -60,9 +61,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right -->
|
||||
<div class="d-none d-md-flex flex-grow-1 flex-column">
|
||||
<!-- Header -->
|
||||
<ion-toolbar class="bg-blue">
|
||||
<ion-toolbar>
|
||||
<div class="main-header">
|
||||
<div class="title-content">
|
||||
<div class="div-title">
|
||||
|
||||
Reference in New Issue
Block a user