@burh/nuxt-core 1.0.458 → 1.0.460

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 (23) hide show
  1. package/.vscode/settings.json +1 -1
  2. package/assets/images/icons/icon5.svg +3 -3
  3. package/assets/images/icons/icon6.svg +3 -3
  4. package/assets/sass/burh-ds/_global.scss +324 -324
  5. package/assets/sass/burh-ds/content/_interface-spa.scss +306 -306
  6. package/assets/sass/burh-ds/content/_main-content.scss +25 -25
  7. package/components/argon-core/BaseDropdown.vue +114 -114
  8. package/components/argon-core/LoadingPanel.vue +26 -26
  9. package/components/burh-ds/Cards/FeatureBusinessCard.vue +74 -74
  10. package/components/burh-ds/Cards/PerformanceCard.vue +81 -81
  11. package/components/burh-ds/Cards/TestCard.vue +6 -6
  12. package/components/burh-ds/Inputs/SearchInput.vue +88 -88
  13. package/components/burh-ds/Modals/NewUserModal.vue +87 -87
  14. package/components/burh-ds/Modals/PlanModal.vue +2 -2
  15. package/components/burh-ds/Modals/SendDisc.vue +9 -9
  16. package/components/burh-ds/Modals/SendTest.vue +36 -27
  17. package/components/burh-ds/Skeleton/BaseCardUniversity.vue +79 -79
  18. package/components/burh-ds/Skeleton/BaseCardUser.vue +84 -84
  19. package/components/burh-ds/Skeleton/Cards.vue +86 -86
  20. package/components/layouts/burh-ds/navbar/PublicNavbar.vue +168 -168
  21. package/nuxt.config.js +207 -207
  22. package/package.json +1 -1
  23. package/plugins/vClickOutside.js +4 -4
package/components/burh-ds/Skeleton/BaseCardUniversity.vue CHANGED
@@ -1,79 +1,79 @@
1
- <template>
2
- <div class="recruitment__user__card">
3
- <div
4
- class="recruitment__user__card__header"
5
- >
6
- <skeleton-animate class="user__cover" />
7
- </div>
8
-
9
- <div class="recruitment__user__card__content">
10
- <skeleton-animate class="user__avatar" :width="120" :height="120" img />
11
-
12
- <skeleton-animate class="user__title" :width="160" :height="20" />
13
- </div>
14
-
15
- <div class="recruitment__user__card__footer">
16
- <skeleton-animate class="user__footer" :width="200" :height="20" />
17
- </div>
18
- </div>
19
- </template>
20
-
21
- <script>
22
- import SkeletonAnimate from './SkeletonAnimate.vue';
23
-
24
- export default {
25
- name: 'base-card-university',
26
- components: {
27
- SkeletonAnimate
28
- }
29
- };
30
- </script>
31
-
32
- <style lang="scss" scoped>
33
-
34
- .recruitment__user__card {
35
- background: #fff;
36
- box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
37
- border-radius: 4px;
38
- overflow: hidden;
39
- cursor: pointer;
40
- transition: transform 0.25s;
41
-
42
- &__header {
43
- width: 100%;
44
- height: 70px;
45
- overflow: hidden;
46
- position: relative;
47
- .user__cover {
48
- width: 100%!important;
49
- height: 100%!important;
50
- }
51
- }
52
- &__content {
53
- display: flex;
54
- flex-direction: column;
55
- align-items: center;
56
- justify-content: center;
57
- .user__avatar {
58
- margin-top: -20px;
59
- border: 4px solid #fff;
60
- z-index: 10;
61
- }
62
- .user__title {
63
- margin-top: 40px;
64
- }
65
- }
66
- &__footer {
67
- display: flex;
68
- align-items: center;
69
- justify-content: center;
70
- padding-bottom: 20px;
71
- .user__footer {
72
- margin-top: 40px;
73
- margin-bottom: 20px;
74
- }
75
- }
76
- }
77
-
78
- </style>
79
-
1
+ <template>
2
+ <div class="recruitment__user__card">
3
+ <div
4
+ class="recruitment__user__card__header"
5
+ >
6
+ <skeleton-animate class="user__cover" />
7
+ </div>
8
+
9
+ <div class="recruitment__user__card__content">
10
+ <skeleton-animate class="user__avatar" :width="120" :height="120" img />
11
+
12
+ <skeleton-animate class="user__title" :width="160" :height="20" />
13
+ </div>
14
+
15
+ <div class="recruitment__user__card__footer">
16
+ <skeleton-animate class="user__footer" :width="200" :height="20" />
17
+ </div>
18
+ </div>
19
+ </template>
20
+
21
+ <script>
22
+ import SkeletonAnimate from './SkeletonAnimate.vue';
23
+
24
+ export default {
25
+ name: 'base-card-university',
26
+ components: {
27
+ SkeletonAnimate
28
+ }
29
+ };
30
+ </script>
31
+
32
+ <style lang="scss" scoped>
33
+
34
+ .recruitment__user__card {
35
+ background: #fff;
36
+ box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
37
+ border-radius: 4px;
38
+ overflow: hidden;
39
+ cursor: pointer;
40
+ transition: transform 0.25s;
41
+
42
+ &__header {
43
+ width: 100%;
44
+ height: 70px;
45
+ overflow: hidden;
46
+ position: relative;
47
+ .user__cover {
48
+ width: 100%!important;
49
+ height: 100%!important;
50
+ }
51
+ }
52
+ &__content {
53
+ display: flex;
54
+ flex-direction: column;
55
+ align-items: center;
56
+ justify-content: center;
57
+ .user__avatar {
58
+ margin-top: -20px;
59
+ border: 4px solid #fff;
60
+ z-index: 10;
61
+ }
62
+ .user__title {
63
+ margin-top: 40px;
64
+ }
65
+ }
66
+ &__footer {
67
+ display: flex;
68
+ align-items: center;
69
+ justify-content: center;
70
+ padding-bottom: 20px;
71
+ .user__footer {
72
+ margin-top: 40px;
73
+ margin-bottom: 20px;
74
+ }
75
+ }
76
+ }
77
+
78
+ </style>
79
+
package/components/burh-ds/Skeleton/BaseCardUser.vue CHANGED
@@ -1,84 +1,84 @@
1
- <template>
2
- <div class="recruitment__user__card">
3
- <div
4
- class="recruitment__user__card__header"
5
- >
6
- <skeleton-animate class="user__cover" />
7
- </div>
8
-
9
- <div class="recruitment__user__card__content">
10
- <skeleton-animate class="user__avatar" :width="120" :height="120" img />
11
-
12
- <skeleton-animate class="user__title" :width="160" :height="20" />
13
- <skeleton-animate class="user__age" :width="80" :height="15" />
14
-
15
- <skeleton-animate class="user__city" :width="120" :height="25" />
16
-
17
- <skeleton-animate class="user__text" :width="140" :height="15" />
18
- <skeleton-animate class="user__experience" :width="220" :height="20" />
19
- </div>
20
- </div>
21
- </template>
22
-
23
- <script>
24
- import SkeletonAnimate from './SkeletonAnimate.vue';
25
-
26
- export default {
27
- name: 'base-card-user',
28
- components: {
29
- SkeletonAnimate
30
- }
31
- };
32
- </script>
33
-
34
- <style lang="scss" scoped>
35
-
36
- .recruitment__user__card {
37
- background: #fff;
38
- box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
39
- border-radius: 4px;
40
- overflow: hidden;
41
- cursor: pointer;
42
- transition: transform 0.25s;
43
- padding-bottom: 40px;
44
-
45
- &__header {
46
- width: 100%;
47
- height: 70px;
48
- overflow: hidden;
49
- position: relative;
50
- .user__cover {
51
- width: 100%!important;
52
- height: 100%!important;
53
- }
54
- }
55
- &__content {
56
- display: flex;
57
- flex-direction: column;
58
- align-items: center;
59
- justify-content: center;
60
- .user__avatar {
61
- margin-top: -20px;
62
- border: 4px solid #fff;
63
- z-index: 10;
64
- }
65
- .user__title {
66
- margin-top: 20px;
67
- }
68
- .user__age {
69
- margin-top: 10px;
70
- }
71
- .user__city {
72
- margin-top: 40px;
73
- }
74
- .user__text {
75
- margin-top: 40px;
76
- }
77
- .user__experience {
78
- margin-top: 5px;
79
- }
80
- }
81
- }
82
-
83
- </style>
84
-
1
+ <template>
2
+ <div class="recruitment__user__card">
3
+ <div
4
+ class="recruitment__user__card__header"
5
+ >
6
+ <skeleton-animate class="user__cover" />
7
+ </div>
8
+
9
+ <div class="recruitment__user__card__content">
10
+ <skeleton-animate class="user__avatar" :width="120" :height="120" img />
11
+
12
+ <skeleton-animate class="user__title" :width="160" :height="20" />
13
+ <skeleton-animate class="user__age" :width="80" :height="15" />
14
+
15
+ <skeleton-animate class="user__city" :width="120" :height="25" />
16
+
17
+ <skeleton-animate class="user__text" :width="140" :height="15" />
18
+ <skeleton-animate class="user__experience" :width="220" :height="20" />
19
+ </div>
20
+ </div>
21
+ </template>
22
+
23
+ <script>
24
+ import SkeletonAnimate from './SkeletonAnimate.vue';
25
+
26
+ export default {
27
+ name: 'base-card-user',
28
+ components: {
29
+ SkeletonAnimate
30
+ }
31
+ };
32
+ </script>
33
+
34
+ <style lang="scss" scoped>
35
+
36
+ .recruitment__user__card {
37
+ background: #fff;
38
+ box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
39
+ border-radius: 4px;
40
+ overflow: hidden;
41
+ cursor: pointer;
42
+ transition: transform 0.25s;
43
+ padding-bottom: 40px;
44
+
45
+ &__header {
46
+ width: 100%;
47
+ height: 70px;
48
+ overflow: hidden;
49
+ position: relative;
50
+ .user__cover {
51
+ width: 100%!important;
52
+ height: 100%!important;
53
+ }
54
+ }
55
+ &__content {
56
+ display: flex;
57
+ flex-direction: column;
58
+ align-items: center;
59
+ justify-content: center;
60
+ .user__avatar {
61
+ margin-top: -20px;
62
+ border: 4px solid #fff;
63
+ z-index: 10;
64
+ }
65
+ .user__title {
66
+ margin-top: 20px;
67
+ }
68
+ .user__age {
69
+ margin-top: 10px;
70
+ }
71
+ .user__city {
72
+ margin-top: 40px;
73
+ }
74
+ .user__text {
75
+ margin-top: 40px;
76
+ }
77
+ .user__experience {
78
+ margin-top: 5px;
79
+ }
80
+ }
81
+ }
82
+
83
+ </style>
84
+
package/components/burh-ds/Skeleton/Cards.vue CHANGED
@@ -1,86 +1,86 @@
1
- <template>
2
- <div id="content">
3
- <div class="skeleton">
4
- <div class="skeleton-wrapper">
5
- <div class="skeleton-wrapper-inner">
6
- <div class="skeleton-wrapper-body">
7
- <skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
8
- <skeleton-animate class="skeleton-author" :width="150" :height="20" />
9
- <skeleton-animate class="skeleton-label" :width="100" :height="10" />
10
- <skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
11
- <skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
12
- <skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
13
- </div>
14
- </div>
15
- </div>
16
- </div>
17
- </div>
18
- </template>
19
-
20
- <script>
21
- import SkeletonAnimate from './SkeletonAnimate.vue';
22
-
23
- export default {
24
- name: 'card-skeleton',
25
- components: {
26
- SkeletonAnimate
27
- }
28
- };
29
- </script>
30
-
31
- <style>
32
- #content {
33
- width: 100%;
34
- }
35
- .skeleton-wrapper {
36
- background: #fff;
37
- border-radius: 4px;
38
- -webkit-border-radius: 4px;
39
- margin: 10px 15px;
40
- box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
41
- padding: 40px 20px;
42
- border-radius: .375rem;
43
- }
44
-
45
- .skeleton-wrapper-inner {
46
- height: 150px;
47
- padding: 15px;
48
- position: relative;
49
- }
50
-
51
- .skeleton-wrapper-body div {
52
- position: absolute;
53
- right: 15px;
54
- left: 15px;
55
- top: 15px;
56
- }
57
-
58
- div.skeleton-avatar {
59
- right: auto;
60
- }
61
- div.skeleton-author {
62
- top: 20px;
63
- left: 95px;
64
- }
65
-
66
- div.skeleton-label {
67
- left: 95px;
68
- top: 50px;
69
- }
70
- div.skeleton-content-1,
71
- div.skeleton-content-2,
72
- div.skeleton-content-3 {
73
- left: 15px;
74
- right: 15px;
75
- width: 98%!important;
76
- }
77
- div.skeleton-content-1 {
78
- top: 100px;
79
- }
80
- div.skeleton-content-2 {
81
- top: 120px;
82
- }
83
- div.skeleton-content-3 {
84
- top: 140px;
85
- }
86
- </style>
1
+ <template>
2
+ <div id="content">
3
+ <div class="skeleton">
4
+ <div class="skeleton-wrapper">
5
+ <div class="skeleton-wrapper-inner">
6
+ <div class="skeleton-wrapper-body">
7
+ <skeleton-animate class="skeleton-avatar" :width="60" :height="60" img />
8
+ <skeleton-animate class="skeleton-author" :width="150" :height="20" />
9
+ <skeleton-animate class="skeleton-label" :width="100" :height="10" />
10
+ <skeleton-animate class="skeleton-content-1" :width="500" :height="10" />
11
+ <skeleton-animate class="skeleton-content-2" :width="500" :height="10" />
12
+ <skeleton-animate class="skeleton-content-3" :width="500" :height="10" />
13
+ </div>
14
+ </div>
15
+ </div>
16
+ </div>
17
+ </div>
18
+ </template>
19
+
20
+ <script>
21
+ import SkeletonAnimate from './SkeletonAnimate.vue';
22
+
23
+ export default {
24
+ name: 'card-skeleton',
25
+ components: {
26
+ SkeletonAnimate
27
+ }
28
+ };
29
+ </script>
30
+
31
+ <style>
32
+ #content {
33
+ width: 100%;
34
+ }
35
+ .skeleton-wrapper {
36
+ background: #fff;
37
+ border-radius: 4px;
38
+ -webkit-border-radius: 4px;
39
+ margin: 10px 15px;
40
+ box-shadow: 0 0 2rem 0 rgb(136 152 170 / 15%);
41
+ padding: 40px 20px;
42
+ border-radius: .375rem;
43
+ }
44
+
45
+ .skeleton-wrapper-inner {
46
+ height: 150px;
47
+ padding: 15px;
48
+ position: relative;
49
+ }
50
+
51
+ .skeleton-wrapper-body div {
52
+ position: absolute;
53
+ right: 15px;
54
+ left: 15px;
55
+ top: 15px;
56
+ }
57
+
58
+ div.skeleton-avatar {
59
+ right: auto;
60
+ }
61
+ div.skeleton-author {
62
+ top: 20px;
63
+ left: 95px;
64
+ }
65
+
66
+ div.skeleton-label {
67
+ left: 95px;
68
+ top: 50px;
69
+ }
70
+ div.skeleton-content-1,
71
+ div.skeleton-content-2,
72
+ div.skeleton-content-3 {
73
+ left: 15px;
74
+ right: 15px;
75
+ width: 98%!important;
76
+ }
77
+ div.skeleton-content-1 {
78
+ top: 100px;
79
+ }
80
+ div.skeleton-content-2 {
81
+ top: 120px;
82
+ }
83
+ div.skeleton-content-3 {
84
+ top: 140px;
85
+ }
86
+ </style>