refactor: pages component - separate vue files

Tomas

2021-12-08 b6661a090e8bcf8f45be24a01b6a7bb08e3aaff1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
.pam-rec-agent-card {
  margin-bottom: 10px;
  border-radius: 10px;
  border: 1px solid $LIGHT_GREY;
  padding: 20px 33px;
 
  .pam-rec-agent-card__content {
      .pam-rec-agent-card__content-header {
          display: flex;
          .pam-rec-agent-card__avatar {
              display: flex;
              flex-direction: row;
              margin-right: 20px;
          }
          .pam-rec-agent-card__main-info {
              display: flex;
              flex-direction: column;
              justify-content: flex-end;
              .rec-role {
                  font-size: 16px;
                  color: $PRUDENTIAL_GREY;
                  font-weight: bold;
                  margin-top: 4px;
              }
              .rec-detail{
                  font-size: 20px;
                  color:$PRIMARY_RED;
                  font-weight: bold;
                  padding-top: 30px;
                  cursor: pointer;
              }
          }
      }
      .pam-rec-agent-card__content-body {
          height: 200px;
      }
  }
}
 
.field__label {
  font-size: 16px;
  color: $PRUDENTIAL_GREY;
  font-weight:bold;
  margin-bottom: 7px;
}
.field__content{
  font-size: 18px;
}
.expertieses-container {
  display: flex;
  flex-wrap: wrap;
}
 
@include desktop{
  .pam-rec-agent__list{
      display: flex;
      flex-wrap: wrap;
      flex-direction:row;
      width: 100%;
  }
  .pam-paragraph{
      margin-top: 10px;
  }
  .pam-rec-agent-card {
      border-radius: 10px;
      border: 1px solid $LIGHT_GREY;
      padding: 15px 20px 15px 20px;
      width: 170px;
      margin: 0 10px 10px 10px;
 
      .pam-rec-agent-card__content {
          .pam-rec-agent-card__content-header {
              display: flex;
              .pam-rec-agent-card__avatar {
                  display: flex;
                  flex-direction: row;
                  margin-right: 20px;
              }
              .pam-rec-agent-card__main-info {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  .rec-desktop-name{
                      font-size: 12px;
                      font-weight: bold;
                  }
                  .rec-role {
                      font-size: 12px;
                      color:$PRUDENTIAL_GREY;
                  }
                  .rec-detail{
                      font-size: 12px;
                      color:$PRIMARY_RED;
                      font-weight: bold;
                      padding-top: 10px;
                  }
              }
          }
      }
  }
  .field__label {
      font-size: 12px;
      color: $PRUDENTIAL_GREY;
      font-weight:bold;
      margin-bottom: 7px;
  }
  .field__content{
      font-size: 12px;
  }
  .expertieses-container {
      display: flex;
      flex-wrap: wrap;
  }
}