@burh/nuxt-core 1.0.25 → 1.0.27
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/components/burh-ds/Cards/PlanCard.vue +6 -3
- package/components/burh-ds/Cards/TestCard.vue +3 -3
- package/components/burh-ds/Cards/WelcomeCard.vue +6 -6
- package/components/burh-ds/Labels/LabelContextIcon.vue +50 -0
- package/components/layouts/burh-ds/navbar/PublicNavbar.vue +11 -11
- package/package.json +1 -1
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
|
|
32
32
|
<div class="card-body p-4 px-lg-4 d-none d-md-block">
|
|
33
33
|
<div>
|
|
34
|
-
<h6 class="card-text text-sm">{{ description }}</h6>
|
|
35
|
-
<div class="h6 font-weight-bold text-sm">{{ subtitle }}</div>
|
|
36
|
-
<div>
|
|
34
|
+
<h6 class="card-text text-sm pl-mini">{{ description }}</h6>
|
|
35
|
+
<div class="h6 font-weight-bold text-sm pl-mini">{{ subtitle }}</div>
|
|
36
|
+
<div class="pl-mini">
|
|
37
37
|
<ul class="list-unstyled">
|
|
38
38
|
<li v-for="(item, index) in features" :key="index">
|
|
39
39
|
<div class="d-flex align-items-center">
|
|
@@ -108,6 +108,9 @@ export default {
|
|
|
108
108
|
</script>
|
|
109
109
|
<style lang="scss">
|
|
110
110
|
@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
|
|
111
|
+
.pl-mini{
|
|
112
|
+
padding-left: 0.8rem;
|
|
113
|
+
}
|
|
111
114
|
.card--shadowless{
|
|
112
115
|
box-shadow: none !important;
|
|
113
116
|
margin-bottom: 0px !important;
|
|
@@ -6,19 +6,19 @@
|
|
|
6
6
|
class="fa fa-ellipsis-h custom"
|
|
7
7
|
aria-hidden="true"
|
|
8
8
|
/>
|
|
9
|
-
<li class="dropdown-item d-flex align-items-center w-100" @click="sendTest">
|
|
9
|
+
<li v-if="isDefault" class="dropdown-item d-flex align-items-center w-100" @click="sendTest">
|
|
10
10
|
<i class="fa fa-paper-plane" aria-hidden="true" />
|
|
11
11
|
<span>
|
|
12
12
|
Enviar teste
|
|
13
13
|
</span>
|
|
14
14
|
</li>
|
|
15
|
-
<li class="dropdown-item d-flex align-items-center w-100" @click="viewTest">
|
|
15
|
+
<li v-if="isDefault" class="dropdown-item d-flex align-items-center w-100" @click="viewTest">
|
|
16
16
|
<i class="fa fa-eye" aria-hidden="true" />
|
|
17
17
|
<span>
|
|
18
18
|
Visualizar teste
|
|
19
19
|
</span>
|
|
20
20
|
</li>
|
|
21
|
-
<li class="dropdown-item d-flex align-items-center w-100" @click="viewAnsweredTests">
|
|
21
|
+
<li v-if="isDefault" class="dropdown-item d-flex align-items-center w-100" @click="viewAnsweredTests">
|
|
22
22
|
<i class="fa fa-file" aria-hidden="true" />
|
|
23
23
|
<span>
|
|
24
24
|
Respostas recebidas
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<template>
|
|
3
|
-
<div class="card text-center align-items-center">
|
|
3
|
+
<div class="card text-center pt-5 align-items-center">
|
|
4
4
|
<div class="card-body card--content">
|
|
5
5
|
<img class="icon" :src="icon">
|
|
6
|
-
<h2 class="card-title mb-3 mx-md-
|
|
7
|
-
<p class="card-text mb-4 text--initial mx-md-5" v-html="text" />
|
|
8
|
-
<div class="button--area">
|
|
6
|
+
<h2 class="card-title mb-3 mx-md-2">{{title}}</h2>
|
|
7
|
+
<p class="welcome-card-text mb-4 text--initial mx-md-5" v-html="text" />
|
|
8
|
+
<div class="button--area mt-5">
|
|
9
9
|
<base-button
|
|
10
10
|
type="primary"
|
|
11
11
|
@click="$emit('btn-first-click')"
|
|
@@ -67,7 +67,7 @@ export default {
|
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
.card-title{
|
|
70
|
-
width:
|
|
70
|
+
width: 50%;
|
|
71
71
|
font-weight: 600;
|
|
72
72
|
@media screen and (max-width:768px){
|
|
73
73
|
padding-left: 1.5rem;
|
|
@@ -76,7 +76,7 @@ export default {
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
-
.card-text {
|
|
79
|
+
.welcome-card-text {
|
|
80
80
|
text-align: center;
|
|
81
81
|
width: 55%;
|
|
82
82
|
color: $gray-900;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="label-context-icon">
|
|
3
|
+
<span class="d-inline-block" :class="[
|
|
4
|
+
`label-context-icon-${iconSize}`
|
|
5
|
+
]">
|
|
6
|
+
<font-awesome-icon :icon="icon" :aria-label="iconAria" />
|
|
7
|
+
</span>
|
|
8
|
+
<div class="d-inline-block">
|
|
9
|
+
<component :is="titleTag" class="text-muted display-5">{{title}}</component>
|
|
10
|
+
<p>{{subtitle}}</p>
|
|
11
|
+
</div>
|
|
12
|
+
</div>
|
|
13
|
+
</template>
|
|
14
|
+
|
|
15
|
+
<script>
|
|
16
|
+
export default {
|
|
17
|
+
props: {
|
|
18
|
+
icon: {
|
|
19
|
+
type: Array,
|
|
20
|
+
default: () => ['fas', 'paper-plane']
|
|
21
|
+
},
|
|
22
|
+
iconAria: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: 'Icone',
|
|
25
|
+
},
|
|
26
|
+
title: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: 'Titulo',
|
|
29
|
+
},
|
|
30
|
+
titleTag: {
|
|
31
|
+
type: String,
|
|
32
|
+
default: 'h3',
|
|
33
|
+
},
|
|
34
|
+
subtitle: {
|
|
35
|
+
type: String,
|
|
36
|
+
default: 'Subtitulo',
|
|
37
|
+
},
|
|
38
|
+
iconSize: String
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
</script>
|
|
42
|
+
|
|
43
|
+
<style lang="scss">
|
|
44
|
+
.label-context-icon {
|
|
45
|
+
&-lg {
|
|
46
|
+
font-size: 2rem;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
</style>
|
|
@@ -4,14 +4,14 @@
|
|
|
4
4
|
class="navbar-top border-bottom navbar-expand navbar-animated"
|
|
5
5
|
:class="{'bg-white navbar-light': type === 'default'}"
|
|
6
6
|
data-menu="fixed"
|
|
7
|
-
>
|
|
7
|
+
>
|
|
8
8
|
<div slot="brand" class="navbar-wrapper">
|
|
9
9
|
<nuxt-link class="navbar-brand d-flex" to="/">
|
|
10
10
|
<img :src="logoFull" class="navbar-brand-img navbar-brand-img--full" alt="BURH: Suas vagas">
|
|
11
11
|
<img :src="logoMini" class="navbar-brand-img navbar-brand-img--mini" alt="BURH: Suas vagas">
|
|
12
12
|
</nuxt-link>
|
|
13
13
|
</div>
|
|
14
|
-
|
|
14
|
+
|
|
15
15
|
<!-- Navbar links -->
|
|
16
16
|
<ul v-if="menuOptions != null" class="navbar-nav navbar-nav--menu align-items-center ml-md-auto">
|
|
17
17
|
<li class="nav-item">
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
</template>
|
|
31
31
|
<script>
|
|
32
32
|
import { CollapseTransition } from 'vue2-transitions';
|
|
33
|
-
import BaseNav from '
|
|
34
|
-
import Modal from '
|
|
33
|
+
import BaseNav from '@burh/nuxt-core/components/argon-core/Navbar/BaseNav.vue';
|
|
34
|
+
import Modal from '@burh/nuxt-core/components/argon-core/Modal.vue';
|
|
35
35
|
|
|
36
36
|
export default {
|
|
37
37
|
name: 'public-navbar',
|
|
@@ -106,11 +106,11 @@
|
|
|
106
106
|
let page = document.querySelector('html');
|
|
107
107
|
let screenHeight = window.innerHeight;
|
|
108
108
|
if (window.scrollY > screenHeight && !header.className.includes('navbar-main--mini')) {
|
|
109
|
-
header.classList.add('navbar-main--mini');
|
|
110
|
-
//page.classList.add('menu-fixed');
|
|
109
|
+
header.classList.add('navbar-main--mini');
|
|
110
|
+
//page.classList.add('menu-fixed');
|
|
111
111
|
} else if (window.scrollY < screenHeight) {
|
|
112
112
|
header.classList.remove('navbar-main--mini');
|
|
113
|
-
//page.classList.remove('menu-fixed');
|
|
113
|
+
//page.classList.remove('menu-fixed');
|
|
114
114
|
console.log('final');
|
|
115
115
|
}
|
|
116
116
|
},
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
let page = document.querySelector('html');
|
|
129
129
|
|
|
130
130
|
if (header) {
|
|
131
|
-
page.classList.add('menu-fixed');
|
|
131
|
+
page.classList.add('menu-fixed');
|
|
132
132
|
}
|
|
133
133
|
},
|
|
134
134
|
destroyed () {
|
|
@@ -137,17 +137,17 @@
|
|
|
137
137
|
};
|
|
138
138
|
</script>
|
|
139
139
|
<style lang="scss">
|
|
140
|
-
@import "
|
|
140
|
+
@import "@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss";
|
|
141
141
|
|
|
142
142
|
.navbar {
|
|
143
143
|
.navbar-search-light {
|
|
144
144
|
&--focus {
|
|
145
|
-
box-shadow: 0 0 .5rem 0 darken($primary, 20%);
|
|
145
|
+
box-shadow: 0 0 .5rem 0 darken($primary, 20%);
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
148
|
.navbar-search-dark {
|
|
149
149
|
&--focus {
|
|
150
|
-
box-shadow: 0 0 2rem 0 $primary;
|
|
150
|
+
box-shadow: 0 0 2rem 0 $primary;
|
|
151
151
|
}
|
|
152
152
|
}
|
|
153
153
|
}
|