diff --git a/src/app/pages/events/events.page.html b/src/app/pages/events/events.page.html index 26b2e750b..6ef1bbaeb 100644 --- a/src/app/pages/events/events.page.html +++ b/src/app/pages/events/events.page.html @@ -6,10 +6,10 @@ -

{{customDate}}

+

{{customDate}}

-

5 eventtos agendados para hoje

+

5 eventos agendados para hoje

@@ -17,4 +17,123 @@
Reunião de Conselho de Ministros no Palácio Presidencial
+
+
+
+
+ +
A sua Agenda
+
+ + +
+
+
    +
  • +
    +
    08:30
    +
    12:30
    +
    +
    +
    Luanda | Palácio Presidencial
    +
    Reunião de Conselho de Ministros
    +
    +
    + +
    +
  • +
  • +
    +
    08:30
    +
    12:30
    +
    +
    +
    Luanda | Palácio Presidencial
    +
    Reunião de Conselho de Ministros
    +
    +
    + +
    +
  • +
  • +
    +
    08:30
    +
    12:30
    +
    +
    +
    Luanda | Palácio Presidencial
    +
    Reunião de Conselho de Ministros
    +
    +
    + +
    +
  • +
  • +
    +
    08:30
    +
    12:30
    +
    +
    +
    Luanda | Palácio Presidencial
    +
    Reunião de Conselho de Ministros
    +
    +
    + +
    +
  • +
+
+
+ Resumo para Amnahã +
+
4 eventos ageandados para amanhã
+
08:30 "Reunião Staff" no Palácio Presidencial
+
+
+
+ +
+
+
+ +
Correspondência por ler
+
+ + +
+
+
    +
  • + +
    +
    Reunião de Conselho de Ministros
    +
    MINEC, MINFIN
    +
    +
  • +
  • + +
    +
    Reunião de Conselho de Ministros
    +
    MINEC, MINFIN
    +
    +
  • +
  • +
    +
    Reunião de Conselho de Ministros
    +
    MINEC, MINFIN
    +
    +
  • +
  • +
    +
    Reunião de Conselho de Ministros
    +
    MINEC, MINFIN
    +
    +
  • +
+
+
+
+ + + \ No newline at end of file diff --git a/src/app/pages/events/events.page.scss b/src/app/pages/events/events.page.scss index 07435b4d8..da03cc79f 100644 --- a/src/app/pages/events/events.page.scss +++ b/src/app/pages/events/events.page.scss @@ -1,3 +1,5 @@ +@import '~src/function.scss'; + /* HEADER */ .bg-blue{ --background:#0782c9; @@ -269,8 +271,179 @@ ion-toolbar{ } + +// new +.main{ + padding: 0px em(20px); +} + +.event-number{ + color: white; + font-family: Roboto; + font-size: 15px; + color: var(--white); + + bold{ + font-family: Roboto; + font-size: 25px; + text-align: right; + color: var(--white); + } +} +.time{ + font-family: Roboto; + font-size: 30px; + text-align: center; + color: var(--white); + line-height: unset; +} + .next-meeting{ display: flex; justify-content: center; - margin: 0px auto; + margin: 0px 20px; + margin-top: 15px; + + .meeting-time { + font-size: em(25px); + font-family: Roboto; + font-weight: 300; + color: var(--white); + margin-right: 7px; + } + + .meeting-description { + margin-top: 2px; + font-family: Roboto; + font-size: 15px; + color: var(--white); + } +} + +.conteiner-box { + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.schedule { + width: 400px; + font-family: Roboto; + margin: 10px 0px; + padding: 20px; + background-color: white; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); + border: solid 1px #e9e9e9; + margin-bottom: 20px; + border-radius: 25px; + .schedule-header{ + display: flex; + margin-bottom: 20px; + justify-content: space-between; + .title { + display: flex; + align-items: center; + .icon{ + color: #e8e8e8; + height: 35px; + width: 35px; + margin-right: 10px; + } + .text{ + font-family: Roboto; + font-size: 20px; + color: black; + } + } + .icon-next { + color: #e8e8e8; + height: 35px; + width: 35px; + font-size: 35px; + font-size: 35px; + } + } + .content{ + ul{ + padding: 0px; + margin: 0px; + li{ + padding-bottom: 5px; + margin-top: 5px; + border-bottom: 1px solid #ebebeb; + display: flex; + justify-content: space-between; + align-items: center; + .schedule-time{ + margin-right: 10px; + .time-start{ + color: #797979 !important; + font-family: Roboto; + font-size: 13px; + } + .time-end{ + color: #797979 !important; + font-family: Roboto; + font-size: 13px; + } + } + .schedule-details{ + display: flex; + flex-wrap: wrap; + align-items: center; + width: 100%; + .location{ + font-family: Roboto; + font-size: 13px; + color: black; + width: 100%; + + } + .description{ + font-family: Roboto; + font-size: 15px; + font-weight: bold; + color: #0d89d1; + } + } + .color{ + width: 5px; + height: 40px; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + background-color: #f05d5e; + } + } + li:last-child{ + //border-bottom: unset !important; + //padding-bottom: unset !important; + } + } + + } + + .resume{ + .title{ + font-family: Roboto; + font-size: 15px; + font-weight: 500; + color: #797979; + margin-bottom: 5px; + margin-top: 10px; + } + .event-num, .first-event-time{ + font-family: Roboto; + font-size: 15px; + display: block; + color: black; + } + } + +} + + +@media only screen and (min-width: 804px) { + .schedule:first-child { + margin-right: 2%; + + } } \ No newline at end of file diff --git a/src/app/shared/header/header.page.scss b/src/app/shared/header/header.page.scss index 59eae0c69..d18475831 100644 --- a/src/app/shared/header/header.page.scss +++ b/src/app/shared/header/header.page.scss @@ -25,7 +25,8 @@ } .div-profile{ font-size: 45px; - float: right; - margin-right: em(10px); + margin-right: 10px; + justify-content: flex-end; + display: flex; } } \ No newline at end of file