@burh/nuxt-core 1.0.433 → 1.0.434
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.
- package/assets/images/icons/icon5.svg +3 -3
- package/assets/images/icons/icon6.svg +3 -3
- package/assets/sass/burh-ds/_global.scss +324 -324
- package/assets/sass/burh-ds/content/_interface-spa.scss +306 -306
- package/assets/sass/burh-ds/content/_main-content.scss +25 -25
- package/components/argon-core/BaseDropdown.vue +114 -114
- package/components/argon-core/LoadingPanel.vue +26 -26
- package/components/burh-ds/Cards/FeatureBusinessCard.vue +74 -74
- package/components/burh-ds/Cards/PerformanceCard.vue +81 -81
- package/components/burh-ds/Filters/BaseFilterContainer.vue +91 -91
- package/components/burh-ds/Img/ImageWithFallback.vue +75 -75
- package/components/burh-ds/Modals/NewUserModal.vue +87 -87
- package/components/burh-ds/Skeleton/BaseCardUniversity.vue +79 -79
- package/components/burh-ds/Skeleton/BaseCardUser.vue +84 -84
- package/components/burh-ds/Skeleton/Cards.vue +86 -86
- package/components/layouts/burh-ds/navbar/PublicNavbar.vue +168 -168
- package/nuxt.config.js +207 -207
- package/package.json +1 -1
- package/plugins/vClickOutside.js +4 -4
|
@@ -1,91 +1,91 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="base__filter">
|
|
3
|
-
<div class="base__filter__content">
|
|
4
|
-
<slot />
|
|
5
|
-
</div>
|
|
6
|
-
|
|
7
|
-
<div v-if="showFooter" class="base__filter__footer">
|
|
8
|
-
<div>
|
|
9
|
-
<button
|
|
10
|
-
@click="$emit('filter-clear')"
|
|
11
|
-
class="base__filter__button clear"
|
|
12
|
-
>
|
|
13
|
-
<span>Limpar</span>
|
|
14
|
-
</button>
|
|
15
|
-
</div>
|
|
16
|
-
<div>
|
|
17
|
-
<button
|
|
18
|
-
@click="$emit('filter-apply')"
|
|
19
|
-
class="base__filter__button apply"
|
|
20
|
-
>
|
|
21
|
-
<span>Filtrar</span>
|
|
22
|
-
</button>
|
|
23
|
-
</div>
|
|
24
|
-
</div>
|
|
25
|
-
</div>
|
|
26
|
-
</template>
|
|
27
|
-
|
|
28
|
-
<script>
|
|
29
|
-
export default {
|
|
30
|
-
name: 'base-filter-container',
|
|
31
|
-
props: {
|
|
32
|
-
showFooter: {
|
|
33
|
-
type: Boolean,
|
|
34
|
-
default: true
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
</script>
|
|
39
|
-
|
|
40
|
-
<style lang="scss" scoped>
|
|
41
|
-
.base__filter {
|
|
42
|
-
display: flex;
|
|
43
|
-
flex-direction: column;
|
|
44
|
-
justify-content: space-between;
|
|
45
|
-
max-height: 350px;
|
|
46
|
-
&__content {
|
|
47
|
-
max-height: calc(350px - 44px);
|
|
48
|
-
overflow: hidden;
|
|
49
|
-
overflow-y: auto;
|
|
50
|
-
&::-webkit-scrollbar-track {
|
|
51
|
-
border-radius: 10px;
|
|
52
|
-
background-color: #f5f5f5;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
&::-webkit-scrollbar {
|
|
56
|
-
width: 4px;
|
|
57
|
-
background-color: #f5f5f5;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
&::-webkit-scrollbar-thumb {
|
|
61
|
-
border-radius: 10px;
|
|
62
|
-
background-color: #e9e8e8;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
&__footer {
|
|
66
|
-
display: flex;
|
|
67
|
-
align-items: center;
|
|
68
|
-
justify-content: space-between;
|
|
69
|
-
margin-top: 20px;
|
|
70
|
-
.base__filter__button {
|
|
71
|
-
background: transparent;
|
|
72
|
-
border: none;
|
|
73
|
-
color: #32325d;
|
|
74
|
-
padding: 10px 20px;
|
|
75
|
-
border-radius: 4px;
|
|
76
|
-
transition: background 0.5s, color 0.5s;
|
|
77
|
-
&:focus {
|
|
78
|
-
outline: none;
|
|
79
|
-
}
|
|
80
|
-
&.clear:hover {
|
|
81
|
-
background: rgba(222, 33, 75, 0.1);
|
|
82
|
-
color: #de214b;
|
|
83
|
-
}
|
|
84
|
-
&.apply:hover {
|
|
85
|
-
background: rgba(88, 101, 242, 0.1);
|
|
86
|
-
color: #5865F2;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div class="base__filter">
|
|
3
|
+
<div class="base__filter__content">
|
|
4
|
+
<slot />
|
|
5
|
+
</div>
|
|
6
|
+
|
|
7
|
+
<div v-if="showFooter" class="base__filter__footer">
|
|
8
|
+
<div>
|
|
9
|
+
<button
|
|
10
|
+
@click="$emit('filter-clear')"
|
|
11
|
+
class="base__filter__button clear"
|
|
12
|
+
>
|
|
13
|
+
<span>Limpar</span>
|
|
14
|
+
</button>
|
|
15
|
+
</div>
|
|
16
|
+
<div>
|
|
17
|
+
<button
|
|
18
|
+
@click="$emit('filter-apply')"
|
|
19
|
+
class="base__filter__button apply"
|
|
20
|
+
>
|
|
21
|
+
<span>Filtrar</span>
|
|
22
|
+
</button>
|
|
23
|
+
</div>
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
</template>
|
|
27
|
+
|
|
28
|
+
<script>
|
|
29
|
+
export default {
|
|
30
|
+
name: 'base-filter-container',
|
|
31
|
+
props: {
|
|
32
|
+
showFooter: {
|
|
33
|
+
type: Boolean,
|
|
34
|
+
default: true
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
</script>
|
|
39
|
+
|
|
40
|
+
<style lang="scss" scoped>
|
|
41
|
+
.base__filter {
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
justify-content: space-between;
|
|
45
|
+
max-height: 350px;
|
|
46
|
+
&__content {
|
|
47
|
+
max-height: calc(350px - 44px);
|
|
48
|
+
overflow: hidden;
|
|
49
|
+
overflow-y: auto;
|
|
50
|
+
&::-webkit-scrollbar-track {
|
|
51
|
+
border-radius: 10px;
|
|
52
|
+
background-color: #f5f5f5;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&::-webkit-scrollbar {
|
|
56
|
+
width: 4px;
|
|
57
|
+
background-color: #f5f5f5;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&::-webkit-scrollbar-thumb {
|
|
61
|
+
border-radius: 10px;
|
|
62
|
+
background-color: #e9e8e8;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
&__footer {
|
|
66
|
+
display: flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
margin-top: 20px;
|
|
70
|
+
.base__filter__button {
|
|
71
|
+
background: transparent;
|
|
72
|
+
border: none;
|
|
73
|
+
color: #32325d;
|
|
74
|
+
padding: 10px 20px;
|
|
75
|
+
border-radius: 4px;
|
|
76
|
+
transition: background 0.5s, color 0.5s;
|
|
77
|
+
&:focus {
|
|
78
|
+
outline: none;
|
|
79
|
+
}
|
|
80
|
+
&.clear:hover {
|
|
81
|
+
background: rgba(222, 33, 75, 0.1);
|
|
82
|
+
color: #de214b;
|
|
83
|
+
}
|
|
84
|
+
&.apply:hover {
|
|
85
|
+
background: rgba(88, 101, 242, 0.1);
|
|
86
|
+
color: #5865F2;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
</style>
|
|
@@ -1,75 +1,75 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<img
|
|
3
|
-
:src="(this.src) ? this.src : getNameInitials()"
|
|
4
|
-
:alt="this.alt"
|
|
5
|
-
@error="img => getImageFallback(img)"
|
|
6
|
-
>
|
|
7
|
-
</template>
|
|
8
|
-
|
|
9
|
-
<script>
|
|
10
|
-
export default {
|
|
11
|
-
name: 'image-with-fallback',
|
|
12
|
-
props: {
|
|
13
|
-
src: {
|
|
14
|
-
type: String,
|
|
15
|
-
required: true
|
|
16
|
-
},
|
|
17
|
-
alt: {
|
|
18
|
-
type: String,
|
|
19
|
-
required: true
|
|
20
|
-
},
|
|
21
|
-
randomColor: {
|
|
22
|
-
type: Boolean,
|
|
23
|
-
default: false
|
|
24
|
-
},
|
|
25
|
-
fallbackBackground: {
|
|
26
|
-
type: String,
|
|
27
|
-
default: '5865f2'
|
|
28
|
-
},
|
|
29
|
-
fallbackColor: {
|
|
30
|
-
type: String,
|
|
31
|
-
default: 'ffffff'
|
|
32
|
-
},
|
|
33
|
-
fallbackSize: {
|
|
34
|
-
type: String,
|
|
35
|
-
default: '512x512'
|
|
36
|
-
},
|
|
37
|
-
fallbackText: {
|
|
38
|
-
type: String,
|
|
39
|
-
required: true
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
methods: {
|
|
43
|
-
getAvatarUrl() {
|
|
44
|
-
let size = this.fallbackSize;
|
|
45
|
-
let background = this.fallbackBackground;
|
|
46
|
-
let color = this.fallbackColor;
|
|
47
|
-
let text = this.getNameInitials();
|
|
48
|
-
|
|
49
|
-
const colors = ['5865F2', '9D35FC', 'FF539D', 'FF7D7E', 'FFCF02', '00b388'];
|
|
50
|
-
|
|
51
|
-
this.randomColor && (background = colors[Math.floor(Math.random() * (colors.length - 1))]);
|
|
52
|
-
|
|
53
|
-
return `https://via.placeholder.com/${size}/${background}/${color}?text=${text}`;
|
|
54
|
-
},
|
|
55
|
-
getImageFallback(img) {
|
|
56
|
-
img.target.src = this.getAvatarUrl();
|
|
57
|
-
},
|
|
58
|
-
getNameInitials() {
|
|
59
|
-
let userAvatarName;
|
|
60
|
-
|
|
61
|
-
if (this.fallbackText) {
|
|
62
|
-
userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
|
|
63
|
-
} else {
|
|
64
|
-
userAvatarName = 'BURH';
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
return userAvatarName;
|
|
68
|
-
},
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
</script>
|
|
72
|
-
|
|
73
|
-
<style lang="scss" scoped>
|
|
74
|
-
|
|
75
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<img
|
|
3
|
+
:src="(this.src) ? this.src : getNameInitials()"
|
|
4
|
+
:alt="this.alt"
|
|
5
|
+
@error="img => getImageFallback(img)"
|
|
6
|
+
>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script>
|
|
10
|
+
export default {
|
|
11
|
+
name: 'image-with-fallback',
|
|
12
|
+
props: {
|
|
13
|
+
src: {
|
|
14
|
+
type: String,
|
|
15
|
+
required: true
|
|
16
|
+
},
|
|
17
|
+
alt: {
|
|
18
|
+
type: String,
|
|
19
|
+
required: true
|
|
20
|
+
},
|
|
21
|
+
randomColor: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: false
|
|
24
|
+
},
|
|
25
|
+
fallbackBackground: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: '5865f2'
|
|
28
|
+
},
|
|
29
|
+
fallbackColor: {
|
|
30
|
+
type: String,
|
|
31
|
+
default: 'ffffff'
|
|
32
|
+
},
|
|
33
|
+
fallbackSize: {
|
|
34
|
+
type: String,
|
|
35
|
+
default: '512x512'
|
|
36
|
+
},
|
|
37
|
+
fallbackText: {
|
|
38
|
+
type: String,
|
|
39
|
+
required: true
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
methods: {
|
|
43
|
+
getAvatarUrl() {
|
|
44
|
+
let size = this.fallbackSize;
|
|
45
|
+
let background = this.fallbackBackground;
|
|
46
|
+
let color = this.fallbackColor;
|
|
47
|
+
let text = this.getNameInitials();
|
|
48
|
+
|
|
49
|
+
const colors = ['5865F2', '9D35FC', 'FF539D', 'FF7D7E', 'FFCF02', '00b388'];
|
|
50
|
+
|
|
51
|
+
this.randomColor && (background = colors[Math.floor(Math.random() * (colors.length - 1))]);
|
|
52
|
+
|
|
53
|
+
return `https://via.placeholder.com/${size}/${background}/${color}?text=${text}`;
|
|
54
|
+
},
|
|
55
|
+
getImageFallback(img) {
|
|
56
|
+
img.target.src = this.getAvatarUrl();
|
|
57
|
+
},
|
|
58
|
+
getNameInitials() {
|
|
59
|
+
let userAvatarName;
|
|
60
|
+
|
|
61
|
+
if (this.fallbackText) {
|
|
62
|
+
userAvatarName = this.fallbackText.slice(0, 1).toUpperCase();
|
|
63
|
+
} else {
|
|
64
|
+
userAvatarName = 'BURH';
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
return userAvatarName;
|
|
68
|
+
},
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
</script>
|
|
72
|
+
|
|
73
|
+
<style lang="scss" scoped>
|
|
74
|
+
|
|
75
|
+
</style>
|
|
@@ -1,87 +1,87 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div>
|
|
3
|
-
<modal
|
|
4
|
-
:show.sync="isModalOpen"
|
|
5
|
-
@close="$emit('close-modal')"
|
|
6
|
-
class="modal modal-new"
|
|
7
|
-
bodyClasses="container-fluid px-4 pt-0 modal-new-fix"
|
|
8
|
-
headerClasses="container-fluid new-modal-header pb-0"
|
|
9
|
-
>
|
|
10
|
-
<template slot="header">
|
|
11
|
-
<p> </p>
|
|
12
|
-
</template>
|
|
13
|
-
<div class="text-center mb-4 mt-0">
|
|
14
|
-
<img src="/img/logotipo_color.svg" class="pb-4" width="110" alt="Burh">
|
|
15
|
-
<h5 class="display-5 text-center">Olá! Sou a Burh! Estamos mudando.</h5>
|
|
16
|
-
</div>
|
|
17
|
-
<div class="mt-2 text-justify">
|
|
18
|
-
<p>
|
|
19
|
-
O Burh foi criado para empresas que buscam os melhores profissionais para compor seu time, mas que para isso não tenham que passar por sistemas burocráticos, ultrapassados e cheios de pegadinhas. Com o único propósito de tornar o mercado profissional em um lugar livre e aberto, chegou a hora de apresentarmos a melhor versão que já criamos, uma plataforma inteligente, rápida, segura e repleta de novas possibilidades.
|
|
20
|
-
<br><br>
|
|
21
|
-
Por isso acreditamos que você vai adorar! A nova plataforma possibilita criar e organizar pastas na nuvem, anexar documentos e notas nos perfis dos profissionais e compartilhar essas informações com toda segurança da LGPD. Tudo isso de forma simples, inovadora e inteligente.
|
|
22
|
-
<br><br>
|
|
23
|
-
Pode-se dizer que estamos amadurecendo, o que é meio chavão para uma marca dizer, mas nós somos gratos pelas pessoas que ficaram ao nosso lado nos últimos quatro anos e estamos empolgados para crescer cada vez mais juntos.
|
|
24
|
-
<br><br>
|
|
25
|
-
Hoje, apresentamos a nova Burh Empresas que será liberada nos próximos dias. Uma solução que reflete aquilo que somos, nossa essência e o que acreditamos. Nossas novas cores representam toda a integração, possibilidade e liberdade de criarmos o novo, de pessoas para pessoas.
|
|
26
|
-
<br><br>
|
|
27
|
-
Com amor,<br>Burh
|
|
28
|
-
</p>
|
|
29
|
-
</div>
|
|
30
|
-
</modal>
|
|
31
|
-
</div>
|
|
32
|
-
</template>
|
|
33
|
-
|
|
34
|
-
<script>
|
|
35
|
-
export default {
|
|
36
|
-
name: 'new-user-modal',
|
|
37
|
-
props: {
|
|
38
|
-
show: {
|
|
39
|
-
type: Boolean,
|
|
40
|
-
default: false
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
data() {
|
|
44
|
-
return {
|
|
45
|
-
isModalOpen: this.show
|
|
46
|
-
};
|
|
47
|
-
},
|
|
48
|
-
watch: {
|
|
49
|
-
show(value) {
|
|
50
|
-
this.isModalOpen = value;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
</script>
|
|
55
|
-
<style lang="scss">
|
|
56
|
-
.modal-new {
|
|
57
|
-
overflow-y: auto!important;
|
|
58
|
-
&::-webkit-scrollbar-track {
|
|
59
|
-
border-radius: 10px!important;
|
|
60
|
-
background-color: rgba(23, 43, 77, 0.7)!important;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&::-webkit-scrollbar {
|
|
64
|
-
width: 8px!important;
|
|
65
|
-
background-color: rgba(23, 43, 77, 0.7)!important;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
&::-webkit-scrollbar-thumb {
|
|
69
|
-
border-radius: 10px!important;
|
|
70
|
-
background-color: #e9e8e8!important;
|
|
71
|
-
}
|
|
72
|
-
.modal-dialog {
|
|
73
|
-
min-width: 60rem;
|
|
74
|
-
display: flex;
|
|
75
|
-
flex-direction: columns;
|
|
76
|
-
align-items: center;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
.modal-new-fix {
|
|
80
|
-
padding: 30px 60px!important;
|
|
81
|
-
padding-top: 0!important;
|
|
82
|
-
width: 75%!important;
|
|
83
|
-
}
|
|
84
|
-
.new-modal-header {
|
|
85
|
-
padding: 10px!important;
|
|
86
|
-
}
|
|
87
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<div>
|
|
3
|
+
<modal
|
|
4
|
+
:show.sync="isModalOpen"
|
|
5
|
+
@close="$emit('close-modal')"
|
|
6
|
+
class="modal modal-new"
|
|
7
|
+
bodyClasses="container-fluid px-4 pt-0 modal-new-fix"
|
|
8
|
+
headerClasses="container-fluid new-modal-header pb-0"
|
|
9
|
+
>
|
|
10
|
+
<template slot="header">
|
|
11
|
+
<p> </p>
|
|
12
|
+
</template>
|
|
13
|
+
<div class="text-center mb-4 mt-0">
|
|
14
|
+
<img src="/img/logotipo_color.svg" class="pb-4" width="110" alt="Burh">
|
|
15
|
+
<h5 class="display-5 text-center">Olá! Sou a Burh! Estamos mudando.</h5>
|
|
16
|
+
</div>
|
|
17
|
+
<div class="mt-2 text-justify">
|
|
18
|
+
<p>
|
|
19
|
+
O Burh foi criado para empresas que buscam os melhores profissionais para compor seu time, mas que para isso não tenham que passar por sistemas burocráticos, ultrapassados e cheios de pegadinhas. Com o único propósito de tornar o mercado profissional em um lugar livre e aberto, chegou a hora de apresentarmos a melhor versão que já criamos, uma plataforma inteligente, rápida, segura e repleta de novas possibilidades.
|
|
20
|
+
<br><br>
|
|
21
|
+
Por isso acreditamos que você vai adorar! A nova plataforma possibilita criar e organizar pastas na nuvem, anexar documentos e notas nos perfis dos profissionais e compartilhar essas informações com toda segurança da LGPD. Tudo isso de forma simples, inovadora e inteligente.
|
|
22
|
+
<br><br>
|
|
23
|
+
Pode-se dizer que estamos amadurecendo, o que é meio chavão para uma marca dizer, mas nós somos gratos pelas pessoas que ficaram ao nosso lado nos últimos quatro anos e estamos empolgados para crescer cada vez mais juntos.
|
|
24
|
+
<br><br>
|
|
25
|
+
Hoje, apresentamos a nova Burh Empresas que será liberada nos próximos dias. Uma solução que reflete aquilo que somos, nossa essência e o que acreditamos. Nossas novas cores representam toda a integração, possibilidade e liberdade de criarmos o novo, de pessoas para pessoas.
|
|
26
|
+
<br><br>
|
|
27
|
+
Com amor,<br>Burh
|
|
28
|
+
</p>
|
|
29
|
+
</div>
|
|
30
|
+
</modal>
|
|
31
|
+
</div>
|
|
32
|
+
</template>
|
|
33
|
+
|
|
34
|
+
<script>
|
|
35
|
+
export default {
|
|
36
|
+
name: 'new-user-modal',
|
|
37
|
+
props: {
|
|
38
|
+
show: {
|
|
39
|
+
type: Boolean,
|
|
40
|
+
default: false
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
data() {
|
|
44
|
+
return {
|
|
45
|
+
isModalOpen: this.show
|
|
46
|
+
};
|
|
47
|
+
},
|
|
48
|
+
watch: {
|
|
49
|
+
show(value) {
|
|
50
|
+
this.isModalOpen = value;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
</script>
|
|
55
|
+
<style lang="scss">
|
|
56
|
+
.modal-new {
|
|
57
|
+
overflow-y: auto!important;
|
|
58
|
+
&::-webkit-scrollbar-track {
|
|
59
|
+
border-radius: 10px!important;
|
|
60
|
+
background-color: rgba(23, 43, 77, 0.7)!important;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&::-webkit-scrollbar {
|
|
64
|
+
width: 8px!important;
|
|
65
|
+
background-color: rgba(23, 43, 77, 0.7)!important;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
&::-webkit-scrollbar-thumb {
|
|
69
|
+
border-radius: 10px!important;
|
|
70
|
+
background-color: #e9e8e8!important;
|
|
71
|
+
}
|
|
72
|
+
.modal-dialog {
|
|
73
|
+
min-width: 60rem;
|
|
74
|
+
display: flex;
|
|
75
|
+
flex-direction: columns;
|
|
76
|
+
align-items: center;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
.modal-new-fix {
|
|
80
|
+
padding: 30px 60px!important;
|
|
81
|
+
padding-top: 0!important;
|
|
82
|
+
width: 75%!important;
|
|
83
|
+
}
|
|
84
|
+
.new-modal-header {
|
|
85
|
+
padding: 10px!important;
|
|
86
|
+
}
|
|
87
|
+
</style>
|
|
@@ -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
|
+
|