-
+
Gabinete Digital diff --git a/src/app/pages/gabinete-digital/gabinete-digital.page.scss b/src/app/pages/gabinete-digital/gabinete-digital.page.scss index 63a27d761..deb1ddb80 100644 --- a/src/app/pages/gabinete-digital/gabinete-digital.page.scss +++ b/src/app/pages/gabinete-digital/gabinete-digital.page.scss @@ -12,8 +12,8 @@ ion-content{ text-align: center; } .title-container{ - padding: 30px 20px 0 20px !important; - margin-bottom: 15px; + padding: 30px 20px 15px 20px !important; + //margin-bottom: 15px; .btn-no-color{ display: flex; float: right; @@ -81,7 +81,7 @@ ion-content{ /* NEW CSS */ -.main-content { +.main-content { width: 100%; /* 400px */ height: 100%; font-family: Roboto; @@ -93,8 +93,11 @@ ion-content{ border-top-left-radius: 25px; border-top-right-radius: 25px; + .aside-wrapper{ + //border: 1px solid red; + } + .aside{ - //display: flex; align-items: center; justify-content: center; @@ -164,7 +167,7 @@ ion-content{ } .exp-card-title p{ text-align: center; - + } .exp-card-content{ font-size: 13px; @@ -207,14 +210,14 @@ ion-content{ width: 547px !important; } } -@media only screen and (min-width: 749px) { +/* @media only screen and (min-width: 749px) { .exp-card-long{ width: 734px !important; } -} +} */ -@media only screen and (min-width: 801px) { +@media only screen and (min-width: 701px) { .main-content{ .aside-wrapper{ @@ -232,7 +235,7 @@ ion-content{ } .aside-title{ font-family: Roboto; - font-size: 25px; + font-size: 16px; text-align: left; } .exp-card{ @@ -243,7 +246,7 @@ ion-content{ .exp-card-title{ text-align: left !important; } - + } .exp-card-long{ //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){ .content{ width: 70%;