@burh/nuxt-core 1.0.172 → 1.0.174

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,61 +1,73 @@
1
1
  <template>
2
- <card class="card">
3
- <h4 class="aria-text">Funcionalidades</h4>
4
- <ul class="list-unstyled list line-card">
5
- <functionality-item
6
- class="cursor-pointer"
7
- :icone="firstItemIcon"
8
- :text="firstItemText"
9
- @functionality-click="$emit('click-first-item')"
10
- />
11
- <functionality-item
12
- class="cursor-pointer border-left padding-border"
13
- :icone="secondItemIcon"
14
- :text="secondItemText"
15
- @functionality-click="$emit('click-second-item')"
16
- />
17
- </ul>
18
- <hr />
19
- <h6 class="list-title font-weight-bold">{{ title }}</h6>
20
- <ul class="list-unstyled list line-card">
21
- <slot></slot>
22
- </ul>
23
- <p class="footer-text">{{ context }}</p>
24
- </card>
2
+ <card class="card">
3
+ <h4 class="aria-text">Funcionalidades</h4>
4
+ <ul class="list-unstyled list line-card">
5
+ <functionality-item
6
+ class="cursor-pointer card-item"
7
+ :icone="firstItemIcon"
8
+ :text="firstItemText"
9
+ @functionality-click="$emit('click-first-item')"
10
+ />
11
+ <functionality-item
12
+ class="cursor-pointer border-left card-item"
13
+ :icone="secondItemIcon"
14
+ :text="secondItemText"
15
+ @functionality-click="$emit('click-second-item')"
16
+ />
17
+ </ul>
18
+ <hr />
19
+ <h6 class="list-title font-weight-bold">{{ title }}</h6>
20
+ <ul class="list-unstyled list line-card">
21
+ <slot></slot>
22
+ </ul>
23
+ <p class="footer-text">{{ context }}</p>
24
+ </card>
25
25
  </template>
26
26
  <script>
27
27
  import FunctionalityItem from './FunctionalityItem';
28
28
  export default {
29
- name: 'performance-card',
30
- components: {
31
- FunctionalityItem
32
- },
33
- props: {
34
- title: String,
35
- context: String,
36
- firstItemText: String,
37
- secondItemText: String,
38
- firstItemIcon: String,
39
- secondItemIcon: String,
40
- subscribers: Number,
41
- jobs: Number,
42
- visualization: Number,
43
- skeleton: {
44
- type: Boolean,
45
- default: false
46
- }
47
- }
29
+ name: 'performance-card',
30
+ components: {
31
+ FunctionalityItem
32
+ },
33
+ props: {
34
+ title: String,
35
+ context: String,
36
+ firstItemText: String,
37
+ secondItemText: String,
38
+ firstItemIcon: String,
39
+ secondItemIcon: String,
40
+ subscribers: Number,
41
+ jobs: Number,
42
+ visualization: Number,
43
+ skeleton: {
44
+ type: Boolean,
45
+ default: false
46
+ }
47
+ }
48
48
  };
49
49
  </script>
50
50
  <style lang="scss" scoped>
51
+ hr {
52
+ border-color: #e9ecef;
53
+ }
54
+
51
55
  .list {
52
56
  margin: 1.8rem 0;
53
57
  display: flex;
54
58
  justify-content: space-evenly;
55
59
  }
56
60
 
57
- .line-card ul:not(:first-child) {
58
- border: 2px solid #e5e5e5;
61
+ .line-card {
62
+ ul {
63
+ &:not(:first-child) {
64
+ border: 2px solid #e9ecef;
65
+ }
66
+ }
67
+ }
68
+
69
+ .card-item {
70
+ width: 50%;
59
71
  }
60
72
 
61
73
  .footer-text {
@@ -24,9 +24,7 @@
24
24
  :class="actions.icon ? actions.icon : 'fa fa-paper-plane'"
25
25
  aria-hidden="true"
26
26
  />
27
- <span>
28
- {{ actions.name }}
29
- </span>
27
+ <span> {{ actions.name }} </span>
30
28
  </li>
31
29
  <li
32
30
  v-if="defaultAction"
@@ -56,7 +54,7 @@
56
54
  v-if="icon"
57
55
  slot="image"
58
56
  :class="icon"
59
- class="card-img-top card__icon"
57
+ class="card-img-top card__icon border-bottom"
60
58
  />
61
59
  <!-- title -->
62
60
  <h3 class="h6 title mb-2">{{ title }}</h3>
@@ -39,11 +39,7 @@ export default {
39
39
  type: Boolean,
40
40
  default: true
41
41
  },
42
- slidesToShow: {
43
- type: Number,
44
- default: 3
45
- },
46
- slidesToScroll: {
42
+ slides: {
47
43
  type: Number,
48
44
  default: 3
49
45
  },
@@ -83,8 +79,8 @@ export default {
83
79
  dots: this.dots,
84
80
  infinite: this.infinite,
85
81
  autoplay: this.autoplay,
86
- slidesToShow: this.slidesToShow,
87
- slidesToScroll: this.slidesToScroll,
82
+ slidesToShow: this.slides,
83
+ slidesToScroll: this.slides,
88
84
  speed: this.speed,
89
85
  responsive: this.breakpoints
90
86
  };
@@ -15,15 +15,15 @@
15
15
  <h5 class="mb-0 text-wrap" :class="{ 'mt-5': !userData.urlAvatar }">
16
16
  {{ userData.name }} {{ userData.last_name }}
17
17
  </h5>
18
-
19
- <p class="pl-2 pr-2" v-if="userData.user_experience.length > 0">
18
+
19
+ <p class="user-info" v-if="userData.user_experience.length > 0">
20
20
  {{ userData.user_experience[0].job_title }} em
21
21
  {{ userData.user_experience[0].company }}
22
22
  </p>
23
23
 
24
24
  <span v-if="userData.user_address">
25
25
  <i class="fas fa-map-marker-alt"></i>
26
- {{ userData.user_address.city_name }} -
26
+ {{ userData.user_address.city_name }} -
27
27
  {{ userData.user_address.region_code }}
28
28
  </span>
29
29
  </div>
@@ -137,7 +137,7 @@
137
137
  class="border qr-code"
138
138
  ></vue-qrcode>
139
139
  <p class="mb-0">Código BURH</p>
140
- <span>{{ userData.id }}</span>
140
+ <span class="qr-id">{{ userData.id }}</span>
141
141
  </div>
142
142
  </div>
143
143
  </template>
@@ -247,6 +247,10 @@ export default {
247
247
  <style lang="scss" scoped>
248
248
  @import '@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
249
249
 
250
+ .qr-id {
251
+ color: #32325d!important;;
252
+ }
253
+
250
254
  .bg-light--darken {
251
255
  background-color: $gray-100 !important;
252
256
  }
@@ -274,10 +278,15 @@ export default {
274
278
  }
275
279
  }
276
280
 
281
+ .user-info {
282
+ padding: 0 20px;
283
+ margin-top: 5px;
284
+ }
285
+
277
286
  p {
278
287
  font-size: 13px;
279
288
  font-weight: 400;
280
- color: #8da2b5;
289
+ color: #62778c;
281
290
  line-height: .85rem;
282
291
  margin-bottom: 2rem;
283
292
  }
@@ -343,7 +352,8 @@ export default {
343
352
  .content-left {
344
353
  width: 25%;
345
354
  height: auto;
346
- padding: 0 1.5rem 0 1.5rem;
355
+ padding: 0 20px;
347
356
  word-break: break-word !important;
357
+ color: #62778c!important;
348
358
  }
349
359
  </style>
@@ -4,7 +4,7 @@
4
4
  <div class="tools mt-3">
5
5
  <button
6
6
  @click="$emit(tool.event)"
7
- class="ml-3"
7
+ class="ml-3 burh-color"
8
8
  v-for="(tool, index) in tools"
9
9
  :key="index"
10
10
  >
@@ -296,7 +296,7 @@ export default {
296
296
  border: none;
297
297
  margin-top: 15px;
298
298
 
299
- background: #5983fe;
299
+ background: #1DA1F1;
300
300
  border-radius: 16px;
301
301
  color: #fff;
302
302
 
@@ -82,7 +82,7 @@ export default {
82
82
  overflow: hidden;
83
83
  border-radius: 10px;
84
84
  padding-bottom: 50px;
85
- max-width: 1500px;
85
+ max-width: 1360px;
86
86
  margin-top: 5vh!important;
87
87
  }
88
88
 
@@ -16,7 +16,7 @@
16
16
  </div>
17
17
 
18
18
  <a
19
- v-if="currentUser && !disabledLinks"
19
+ v-if="!disabledLinks"
20
20
  @click="$emit('to-home')"
21
21
  class="btn btn-link text-primary cursor-pointer"
22
22
  >
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burh/nuxt-core",
3
- "version": "1.0.172",
3
+ "version": "1.0.174",
4
4
  "description": "Design System and Components.",
5
5
  "author": "Burh",
6
6
  "scripts": {