Improve gabinete digital responsiveness

This commit is contained in:
Peter Maquiran
2021-03-12 11:37:26 +01:00
parent 86d849c1e7
commit 2867e4964d
4 changed files with 11 additions and 13 deletions
@@ -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">