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

save

Browse Source
This commit is contained in:
tiago.kayaya
2021-07-27 16:58:38 +01:00
parent 498e279c73
commit 0d15914657
2 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/gabinete-digital/gabinete-digital.page.html
+1 -1
View File
@@ -11,7 +11,7 @@
<div class="main-content d-flex height-100 "> <div class="main-content d-flex height-100 ">
<!-- Aside left --> <!-- Aside left -->
<div class="aside-wrapper d-flex flex-column justify-center width-md-40 flex-grow-1 "> <div class="aside-wrapper d-flex flex-column width-md-40 flex-grow-1 ">
<ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar> <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
<div class="title-container"> <div class="title-container">
<ion-label class="title">Gabinete Digital</ion-label> <ion-label class="title">Gabinete Digital</ion-label>
src/app/pages/gabinete-digital/gabinete-digital.page.scss
+27 -10
View File
@@ -12,8 +12,8 @@ ion-content{
text-align: center; text-align: center;
} }
.title-container{ .title-container{
padding: 30px 20px 0 20px !important; padding: 30px 20px 15px 20px !important;
margin-bottom: 15px; //margin-bottom: 15px;
.btn-no-color{ .btn-no-color{
display: flex; display: flex;
float: right; float: right;
@@ -81,7 +81,7 @@ ion-content{
/* NEW CSS */ /* NEW CSS */
.main-content { .main-content {
width: 100%; /* 400px */ width: 100%; /* 400px */
height: 100%; height: 100%;
font-family: Roboto; font-family: Roboto;
@@ -93,8 +93,11 @@ ion-content{
border-top-left-radius: 25px; border-top-left-radius: 25px;
border-top-right-radius: 25px; border-top-right-radius: 25px;
.aside-wrapper{
//border: 1px solid red;
}
.aside{ .aside{
//display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -164,7 +167,7 @@ ion-content{
} }
.exp-card-title p{ .exp-card-title p{
text-align: center; text-align: center;
} }
.exp-card-content{ .exp-card-content{
font-size: 13px; font-size: 13px;
@@ -207,14 +210,14 @@ ion-content{
width: 547px !important; width: 547px !important;
} }
} }
@media only screen and (min-width: 749px) { /* @media only screen and (min-width: 749px) {
.exp-card-long{ .exp-card-long{
width: 734px !important; width: 734px !important;
} }
} } */
@media only screen and (min-width: 801px) { @media only screen and (min-width: 701px) {
.main-content{ .main-content{
.aside-wrapper{ .aside-wrapper{
@@ -232,7 +235,7 @@ ion-content{
} }
.aside-title{ .aside-title{
font-family: Roboto; font-family: Roboto;
font-size: 25px; font-size: 16px;
text-align: left; text-align: left;
} }
.exp-card{ .exp-card{
@@ -243,7 +246,7 @@ ion-content{
.exp-card-title{ .exp-card-title{
text-align: left !important; text-align: left !important;
} }
} }
.exp-card-long{ .exp-card-long{
//display: none; //display: none;
@@ -321,6 +324,20 @@ ion-content{
} }
} }
} }
@media only screen and (min-width: 801px) {
.content{
width: 65%;
}
.aside-right{
width: 35%;
}
.aside-title{
font-family: Roboto;
font-size: 25px;
text-align: left;
}
}
@media only screen and (min-width: 1024px){ @media only screen and (min-width: 1024px){
.content{ .content{
width: 70%; width: 70%;