@burh/nuxt-core 1.0.291 → 1.0.292

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.
Files changed (31) hide show
  1. package/assets/sass/burh-ds/atoms/_buttons.scss +219 -219
  2. package/assets/sass/burh-ds/content/_interface-spa.scss +306 -306
  3. package/assets/sass/burh-ds/content/_main-content.scss +25 -25
  4. package/assets/sass/burh-ds/variables/_colors.scss +350 -350
  5. package/components/argon-core/BaseDropdown.vue +114 -114
  6. package/components/argon-core/BaseProgress.vue +121 -121
  7. package/components/argon-core/Modal.vue +184 -184
  8. package/components/burh-ds/Cards/FeatureBusinessCard.vue +74 -74
  9. package/components/burh-ds/Cards/PerformanceCard.vue +81 -81
  10. package/components/burh-ds/Cards/RecruitmentCard.vue +214 -214
  11. package/components/burh-ds/Collapse/DefaultCollapse.vue +70 -70
  12. package/components/burh-ds/Curriculum/UserCurriculum/UserCvMiddle.vue +497 -496
  13. package/components/burh-ds/Curriculum/UserCurriculum/index.vue +245 -245
  14. package/components/burh-ds/Dropdown/JobStatusDropdown.vue +145 -145
  15. package/components/burh-ds/Headings/AppHeader.vue +162 -162
  16. package/components/burh-ds/Inputs/SearchInput.vue +64 -64
  17. package/components/burh-ds/Lists/VagasSimple.vue +404 -404
  18. package/components/burh-ds/Loadings/LoadingFullPage.vue +68 -68
  19. package/components/burh-ds/Loads/LoadingBar.vue +83 -83
  20. package/components/burh-ds/Modals/MobileModal.vue +65 -65
  21. package/components/burh-ds/Modals/NewUserModal.vue +87 -87
  22. package/components/burh-ds/Modals/SharedModal.vue +270 -270
  23. package/components/burh-ds/Skeleton/BaseCardUniversity.vue +79 -79
  24. package/components/burh-ds/Skeleton/BaseCardUser.vue +84 -84
  25. package/components/burh-ds/Skeleton/Cards.vue +86 -86
  26. package/components/burh-ds/Skeleton/Home.vue +100 -100
  27. package/components/burh-ds/Skeleton/RecruitmentCard.vue +169 -169
  28. package/components/burh-ds/Skeleton/SkeletonAnimate.vue +96 -96
  29. package/components/layouts/burh-ds/footer/ProductsFooter.vue +330 -330
  30. package/nuxt.config.js +206 -206
  31. package/package.json +1 -1
package/components/burh-ds/Skeleton/Home.vue CHANGED
@@ -1,100 +1,100 @@
1
- <template>
2
- <div class="card-body">
3
- <h4 class="aria-text">Funcionalidades</h4>
4
- <ul class="list-unstyled list line-card">
5
- <li class="functionality-item text-center cursor-pointer card-item">
6
- <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
7
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
8
- </li>
9
- <li
10
- class="functionality-item text-center cursor-pointer border-left card-item"
11
- >
12
- <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
13
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
14
- </li>
15
- </ul>
16
- <hr />
17
- <skeleton-animate class="functionality-item--text" :width="100" :height="20" />
18
- <ul class="list-unstyled list line-card">
19
- <li class="performance-item primary">
20
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
21
- <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
22
- </li>
23
- <li class="performance-item">
24
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
25
- <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
26
- </li>
27
- <li class="performance-item">
28
- <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
29
- <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
30
- </li>
31
- </ul>
32
- <skeleton-animate class="functionality-item--text top" :width="250" :height="20" />
33
- </div>
34
- </template>
35
-
36
- <script>
37
- import SkeletonAnimate from './SkeletonAnimate.vue';
38
-
39
- export default {
40
- name: 'home-skeleton',
41
- components: {
42
- SkeletonAnimate
43
- }
44
- };
45
- </script>
46
-
47
- <style lang="scss" scoped>
48
-
49
- .top {
50
- margin-top: 30px;
51
- }
52
- .functionality-item {
53
- display: flex;
54
- flex-direction: column;
55
- color: #258bf4;
56
- line-height: 2.5;
57
- align-items: center;
58
-
59
- &--icone {
60
- font-size: 1.75rem;
61
- }
62
-
63
- &--text {
64
- font-size: 1rem;
65
- }
66
- }
67
-
68
- .performance-item {
69
- display: flex;
70
- flex-direction: column;
71
- align-items: center;
72
- width: calc(100% / 3);
73
- &--title {
74
- font-size: 1rem;
75
- }
76
-
77
- &--value {
78
- font-size: 1.75rem;
79
- align-self: center;
80
- }
81
- }
82
-
83
- .list {
84
- margin: 1.8rem 0;
85
- display: flex;
86
- justify-content: space-evenly;
87
- }
88
-
89
- .line-card {
90
- ul {
91
- &:not(:first-child) {
92
- border: 2px solid #e9ecef;
93
- }
94
- }
95
- }
96
-
97
- .card-item {
98
- width: 50%;
99
- }
100
- </style>
1
+ <template>
2
+ <div class="card-body">
3
+ <h4 class="aria-text">Funcionalidades</h4>
4
+ <ul class="list-unstyled list line-card">
5
+ <li class="functionality-item text-center cursor-pointer card-item">
6
+ <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
7
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
8
+ </li>
9
+ <li
10
+ class="functionality-item text-center cursor-pointer border-left card-item"
11
+ >
12
+ <skeleton-animate class="functionality-item--icone mb-2" :width="50" :height="50" rounded />
13
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="20" />
14
+ </li>
15
+ </ul>
16
+ <hr />
17
+ <skeleton-animate class="functionality-item--text" :width="100" :height="20" />
18
+ <ul class="list-unstyled list line-card">
19
+ <li class="performance-item primary">
20
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
21
+ <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
22
+ </li>
23
+ <li class="performance-item">
24
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
25
+ <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
26
+ </li>
27
+ <li class="performance-item">
28
+ <skeleton-animate class="functionality-item--value mb-2" :width="80" :height="15" />
29
+ <skeleton-animate class="functionality-item--icone" :width="38" :height="38" rounded />
30
+ </li>
31
+ </ul>
32
+ <skeleton-animate class="functionality-item--text top" :width="250" :height="20" />
33
+ </div>
34
+ </template>
35
+
36
+ <script>
37
+ import SkeletonAnimate from './SkeletonAnimate.vue';
38
+
39
+ export default {
40
+ name: 'home-skeleton',
41
+ components: {
42
+ SkeletonAnimate
43
+ }
44
+ };
45
+ </script>
46
+
47
+ <style lang="scss" scoped>
48
+
49
+ .top {
50
+ margin-top: 30px;
51
+ }
52
+ .functionality-item {
53
+ display: flex;
54
+ flex-direction: column;
55
+ color: #258bf4;
56
+ line-height: 2.5;
57
+ align-items: center;
58
+
59
+ &--icone {
60
+ font-size: 1.75rem;
61
+ }
62
+
63
+ &--text {
64
+ font-size: 1rem;
65
+ }
66
+ }
67
+
68
+ .performance-item {
69
+ display: flex;
70
+ flex-direction: column;
71
+ align-items: center;
72
+ width: calc(100% / 3);
73
+ &--title {
74
+ font-size: 1rem;
75
+ }
76
+
77
+ &--value {
78
+ font-size: 1.75rem;
79
+ align-self: center;
80
+ }
81
+ }
82
+
83
+ .list {
84
+ margin: 1.8rem 0;
85
+ display: flex;
86
+ justify-content: space-evenly;
87
+ }
88
+
89
+ .line-card {
90
+ ul {
91
+ &:not(:first-child) {
92
+ border: 2px solid #e9ecef;
93
+ }
94
+ }
95
+ }
96
+
97
+ .card-item {
98
+ width: 50%;
99
+ }
100
+ </style>
package/components/burh-ds/Skeleton/RecruitmentCard.vue CHANGED
@@ -1,169 +1,169 @@
1
- <template>
2
- <div class="recruitment__card">
3
- <div>
4
- <div class="recruitment__card__header">
5
- <div class="recruitment__card__header__status">
6
- <skeleton-animate class="skeleton-mb" :width="100" :height="20" />
7
- </div>
8
- </div>
9
-
10
- <div class="recruitment__card__content">
11
- <span class="recruitment__card__content__date">
12
- <skeleton-animate class="skeleton-mb" :width="150" :height="10" />
13
- </span>
14
- <h2 class="recruitment__card__content__title">
15
- <skeleton-animate class="skeleton-mb" :width="250" :height="20" />
16
- </h2>
17
- <span class="recruitment__card__content__id">
18
- <skeleton-animate class="skeleton-mb" :width="110" :height="15" />
19
- </span>
20
-
21
- <div class="recruitment__card__info">
22
- <div class="recruitment__card__info__text">
23
- <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
24
- </div>
25
- <div class="recruitment__card__info__text">
26
- <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
27
- </div>
28
- <div class="recruitment__card__info__text">
29
- <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
30
- </div>
31
- </div>
32
- </div>
33
-
34
- <div class="recruitment__card__footer">
35
- <p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
36
- <div class="recruitment__card__footer__images">
37
- <skeleton-animate class="skeleton-mt" :width="32" :height="32" img />
38
- </div>
39
- </div>
40
- </div>
41
- </div>
42
- </template>
43
-
44
- <script>
45
- import SkeletonAnimate from './SkeletonAnimate.vue';
46
- export default {
47
- name: 'recruitment-card-skeleton',
48
- components: {
49
- SkeletonAnimate
50
- }
51
- };
52
- </script>
53
-
54
- <style lang="scss" scoped>
55
- @-webkit-keyframes placeholderSkeleton {
56
- 0% {
57
- background-position: -468px 0;
58
- }
59
- 100% {
60
- background-position: 468px 0;
61
- }
62
- }
63
-
64
- @-webkit-keyframes skeletonAnimate {
65
- from {
66
- background-position: top left;
67
- }
68
- to {
69
- background-position: top right;
70
- }
71
- }
72
-
73
- .skeleton-mb {
74
- margin-bottom: 10px;
75
- }
76
-
77
- .skeleton-mt {
78
- margin-top: 10px;
79
- }
80
-
81
- .skeleton--animate {
82
- -webkit-animation-duration: 1s;
83
- -webkit-animation-fill-mode: forwards;
84
- -webkit-animation-iteration-count: infinite;
85
- -webkit-animation-name: placeholderSkeleton;
86
- -webkit-animation-timing-function: linear;
87
- background: #e0e3e6;
88
- background-image: -webkit-gradient(
89
- linear,
90
- left center,
91
- right center,
92
- from(#e0e3e6),
93
- color-stop(0.2, #edeef1),
94
- color-stop(0.4, #e0e3e6),
95
- to(#e0e3e6)
96
- );
97
- background-image: -webkit-linear-gradient(
98
- left,
99
- #e0e3e6 0%,
100
- #edeef1 20%,
101
- #e0e3e6 40%,
102
- #e0e3e6 100%
103
- );
104
- background-repeat: no-repeat;
105
- background-size: 800px 104px;
106
- }
107
-
108
- .recruitment__card {
109
- cursor: pointer;
110
- background: #fff;
111
- box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
112
- padding: 20px;
113
- border-radius: 4px;
114
- border: none;
115
- text-align: initial;
116
- color: #1D364B;
117
- transition: transform 0.25s;
118
-
119
- &__header {
120
- display: flex;
121
- align-items: center;
122
- justify-content: space-between;
123
- padding: 5px 0;
124
- }
125
-
126
- &__content {
127
- &__date {
128
- font-size: 0.875rem;
129
- font-weight: 400;
130
- color: #AEB6BE;
131
- }
132
- &__title {
133
- font-size: 1.275rem;
134
- color: #1D364B;
135
- margin-bottom: 0;
136
- }
137
- &__id {
138
- font-size: 0.875rem;
139
- font-weight: 600;
140
- color: #525F7F;
141
- }
142
- }
143
-
144
- &__info {
145
- padding: 20px 0;
146
- &__text {
147
- margin-bottom: 0;
148
- font-size: 1rem;
149
- font-weight: 500;
150
- }
151
- }
152
-
153
- &__footer {
154
- border-top: 1px solid #E9E9E9;
155
- padding-top: 10px;
156
- &__title {
157
- color: #525F7F;
158
- font-size: 0.875rem;
159
- font-weight: 600;
160
- margin-bottom: 0;
161
- }
162
- &__images {
163
- display: flex;
164
- align-items: center;
165
- user-select: none;
166
- }
167
- }
168
- }
169
- </style>
1
+ <template>
2
+ <div class="recruitment__card">
3
+ <div>
4
+ <div class="recruitment__card__header">
5
+ <div class="recruitment__card__header__status">
6
+ <skeleton-animate class="skeleton-mb" :width="100" :height="20" />
7
+ </div>
8
+ </div>
9
+
10
+ <div class="recruitment__card__content">
11
+ <span class="recruitment__card__content__date">
12
+ <skeleton-animate class="skeleton-mb" :width="150" :height="10" />
13
+ </span>
14
+ <h2 class="recruitment__card__content__title">
15
+ <skeleton-animate class="skeleton-mb" :width="250" :height="20" />
16
+ </h2>
17
+ <span class="recruitment__card__content__id">
18
+ <skeleton-animate class="skeleton-mb" :width="110" :height="15" />
19
+ </span>
20
+
21
+ <div class="recruitment__card__info">
22
+ <div class="recruitment__card__info__text">
23
+ <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
24
+ </div>
25
+ <div class="recruitment__card__info__text">
26
+ <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
27
+ </div>
28
+ <div class="recruitment__card__info__text">
29
+ <skeleton-animate class="skeleton-mb" :width="120" :height="15" />
30
+ </div>
31
+ </div>
32
+ </div>
33
+
34
+ <div class="recruitment__card__footer">
35
+ <p class="recruitment__card__footer__title">EQUIPE RESPONSÁVEL</p>
36
+ <div class="recruitment__card__footer__images">
37
+ <skeleton-animate class="skeleton-mt" :width="32" :height="32" img />
38
+ </div>
39
+ </div>
40
+ </div>
41
+ </div>
42
+ </template>
43
+
44
+ <script>
45
+ import SkeletonAnimate from './SkeletonAnimate.vue';
46
+ export default {
47
+ name: 'recruitment-card-skeleton',
48
+ components: {
49
+ SkeletonAnimate
50
+ }
51
+ };
52
+ </script>
53
+
54
+ <style lang="scss" scoped>
55
+ @-webkit-keyframes placeholderSkeleton {
56
+ 0% {
57
+ background-position: -468px 0;
58
+ }
59
+ 100% {
60
+ background-position: 468px 0;
61
+ }
62
+ }
63
+
64
+ @-webkit-keyframes skeletonAnimate {
65
+ from {
66
+ background-position: top left;
67
+ }
68
+ to {
69
+ background-position: top right;
70
+ }
71
+ }
72
+
73
+ .skeleton-mb {
74
+ margin-bottom: 10px;
75
+ }
76
+
77
+ .skeleton-mt {
78
+ margin-top: 10px;
79
+ }
80
+
81
+ .skeleton--animate {
82
+ -webkit-animation-duration: 1s;
83
+ -webkit-animation-fill-mode: forwards;
84
+ -webkit-animation-iteration-count: infinite;
85
+ -webkit-animation-name: placeholderSkeleton;
86
+ -webkit-animation-timing-function: linear;
87
+ background: #e0e3e6;
88
+ background-image: -webkit-gradient(
89
+ linear,
90
+ left center,
91
+ right center,
92
+ from(#e0e3e6),
93
+ color-stop(0.2, #edeef1),
94
+ color-stop(0.4, #e0e3e6),
95
+ to(#e0e3e6)
96
+ );
97
+ background-image: -webkit-linear-gradient(
98
+ left,
99
+ #e0e3e6 0%,
100
+ #edeef1 20%,
101
+ #e0e3e6 40%,
102
+ #e0e3e6 100%
103
+ );
104
+ background-repeat: no-repeat;
105
+ background-size: 800px 104px;
106
+ }
107
+
108
+ .recruitment__card {
109
+ cursor: pointer;
110
+ background: #fff;
111
+ box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
112
+ padding: 20px;
113
+ border-radius: 4px;
114
+ border: none;
115
+ text-align: initial;
116
+ color: #1D364B;
117
+ transition: transform 0.25s;
118
+
119
+ &__header {
120
+ display: flex;
121
+ align-items: center;
122
+ justify-content: space-between;
123
+ padding: 5px 0;
124
+ }
125
+
126
+ &__content {
127
+ &__date {
128
+ font-size: 0.875rem;
129
+ font-weight: 400;
130
+ color: #AEB6BE;
131
+ }
132
+ &__title {
133
+ font-size: 1.275rem;
134
+ color: #1D364B;
135
+ margin-bottom: 0;
136
+ }
137
+ &__id {
138
+ font-size: 0.875rem;
139
+ font-weight: 600;
140
+ color: #525F7F;
141
+ }
142
+ }
143
+
144
+ &__info {
145
+ padding: 20px 0;
146
+ &__text {
147
+ margin-bottom: 0;
148
+ font-size: 1rem;
149
+ font-weight: 500;
150
+ }
151
+ }
152
+
153
+ &__footer {
154
+ border-top: 1px solid #E9E9E9;
155
+ padding-top: 10px;
156
+ &__title {
157
+ color: #525F7F;
158
+ font-size: 0.875rem;
159
+ font-weight: 600;
160
+ margin-bottom: 0;
161
+ }
162
+ &__images {
163
+ display: flex;
164
+ align-items: center;
165
+ user-select: none;
166
+ }
167
+ }
168
+ }
169
+ </style>