
@@ -11,11 +12,17 @@
Palavra-passe
-
-
-
Iniciar
+
+
+
+
+
+
+
Uma iniciativa do Gabinete do Presidente da República
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/login/login.page.scss b/src/app/pages/login/login.page.scss
index c767ce0e8..34de572c3 100644
--- a/src/app/pages/login/login.page.scss
+++ b/src/app/pages/login/login.page.scss
@@ -1,5 +1,26 @@
+@import '~src/function.scss';
+:host, app-login {
+ ion-content {
+ background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%) !important;
+ }
+}
+ion-content{
+ background-color: white !important;
+}
+
+.main-wrapper{
+ background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%) !important;
+ display: flex;
+ height: calc(100% - 50Px);
+ overflow: auto;
+
+}
.wrapper{
- margin: 0 auto;
+ width: 400px;
+ height: auto;
+ padding: 0 !important;
+ margin: auto !important;
+ overflow: auto;
}
.div-logo{
width: 200px;
@@ -10,19 +31,18 @@
width: 100%;
}
.wrapper ion-input{
- font-size: 18px;
+ font-size: 16px;
}
.wrapper ion-button{
font-size: medium;
- margin-top: 18px;
+ margin-top: 16px;
}
ion-item{
--background: transparent;
}
.form{
- width: 300px;
+ width: 400px;
overflow: auto;
- margin: 0 auto;
}
.form-label{
margin: 15px 0 5px 0;
@@ -30,33 +50,18 @@ ion-item{
}
.form-input{
--background: #fff;
- /* --color:#fff; */
- border-radius: 10px;
- margin: 5px 0 5px 0;
-}
-.btn-ok-login{
- width: 160px !important;
- height: 45px !important;
- margin: 15px auto;
- padding: 10px 15px;
+ --color:#000;
border-radius: 22.5px;
- background-color: #42b9fe;
- color: #ffffff !important;
+ margin: 10px 0 10px 0;
+}
+.btn-login{
+ font-size: 16px;
}
-:host, app-login {
- ion-content {
- background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%) !important;
- }
-}
-ion-content{
- background-color: white !important;
-}
-@import '~src/function.scss';
.div-top-header{
margin: 0 em(20px);
@@ -140,4 +145,18 @@ ion-content{
.voltar{
user-select: none;
+}
+
+.msg-bottom{
+ width: 100%;
+ color: #fff;
+ align-items: center;
+ justify-content: center;
+
+ .msg-bottom-p{
+ width: 220px;
+ position: absolute;
+ bottom: 0 !important;
+ text-align: center;
+ }
}
\ No newline at end of file