@burh/nuxt-core 1.0.457 → 1.0.459

package/components/burh-ds/Modals/PlanModal.vue

@@ -6,25 +6,40 @@
 	>
 		<template>
 			<div class="plan">
-				<img :src="cover" alt="" class="cover" />
-
+				<div class="cover"/>
 				<div class="plan__modal">
 					<section class="plan__information">
-						<!-- <div class="plan__information--img" draggable="false">
-							<img src="/img/lis.png" alt="Customer Success" draggable="false">
-						</div> -->
 						<h4>
-							Você vai amar o Plano Empresas. <br />
-							Dê um Upgrade no seu R&S
+							Você vai amar o Plano Empresas! <br />
+							<span>Dê um Upgrade no seu R&S</span>
 						</h4>
-
 						<p>
 							A Tecnologia Burh e suas Soluções oferecem um
 							ambiente único de Recrutamento e Seleção.
 							Treinamentos e Página de Carreiras para sua empresa.
 						</p>
+						<h4 class="plan__information__title">Soluções Disponíveis</h4>
+						<div class="plan__information__solutions">
+							<ul>
+								<li><i class="fas fa-check"></i>Acessos Ilimitados</li>
+								<li><i class="fas fa-check"></i>Vagas Ilimitadas</li>
+								<li><i class="fas fa-check"></i>Testes Ilimitados</li>
+								<li><i class="fas fa-check"></i>Página Carreiras</li>
+								<li><i class="fas fa-check"></i>Portal do RH</li>
+								<li><i class="fas fa-check"></i>Descontos Exclusivos</li>
+							</ul>
+							<ul>
+								<li><i class="fas fa-check"></i>Filtros Avançados</li>
+								<li><i class="fas fa-check"></i>Robô de Triagem</li>
+								<li><i class="fas fa-check"></i>Plataforma EAD</li>
+								<li><i class="fas fa-check"></i>Anotações e Laudo</li>
+								<li><i class="fas fa-check"></i>Customer Success</li>
+								<li><i class="fas fa-check"></i>E muito mais!</li>
+							</ul>
+						</div>
 					</section>
 					<section class="plan__contact">
+						<img src="/img/diamond-1.svg" class="diamond-svg">
 						<p>
 							Preencha as informações abaixo e nosso time entrará
 							em contato.
@@ -96,7 +111,7 @@ export default {
 		isActive: Boolean,
 		cover: {
 			type: String,
-			default: '/img/plans_cover.png'
+			default: '/img/new_plans_cover.png'
 		}
 	},
 	data() {
@@ -149,26 +164,42 @@ export default {
 /deep/ .modal-body {
     margin-bottom: 2rem;
 }
-
 .plan {
     background: #fff;
     border-radius: 0.4375rem;
-    img.cover {
-        width: 100%;
-        height: 8.12rem;
-        object-fit: cover;
+    .cover {
+        height: 16rem;
+        position: relative;
         border-top-left-radius: 0.4375rem;
         border-top-right-radius: 0.4375rem;
+		background-image: url('/img/new_plans_cover.png');
+		background-repeat: no-repeat;
+		background-position: top;
+		background-size: cover;
+		&::before {
+            content: "";
+            position: absolute;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            border-top-right-radius: 0.4375rem;
+            border-top-left-radius: 0.4375rem;
+            background: linear-gradient(90deg, rgba(88, 101, 242, 0.5) 0%, rgba(88, 101, 242, 0.5) 100%);
+        }
+		@media (max-width: 576px) {
+			display: none;
+		}
     }
-
     &__modal {
         display: flex;
         justify-content: space-between;
 
         margin-top: 2.5rem;
         padding: 0 2rem;
-
+		
         @media (max-width: 960px) {
+		
             display: flex;
             justify-content: center;
             align-items: center;
@@ -180,6 +211,10 @@ export default {
         width: 53%;
         word-break: break-word !important;
 
+		@media (max-width: 960px) {
+			width: 75%;
+		}
+
         &--img {
             display: flex;
             align-items: center;
@@ -194,39 +229,73 @@ export default {
 
         h4 {
             font-style: normal;
-            font-weight: 600;
+            font-weight: 700;
             font-size: 1.25rem;
             line-height: 1.875rem;
 
             color: #1d364b;
+			span {
+				font-weight: 500;
+			}
         }
 
         p {
             font-style: normal;
             font-weight: normal;
-            font-size: 14px;
+            font-size: 12px;
             line-height: 21px;
 
             color: #62778c;
         }
+		&__title {
+			font-weight: 500 !important;
+			font-size: 15px !important;
+		}
+		&__solutions {
+			font-size: 14px;
+			display: flex;
+			justify-content: space-between;
+			ul {
+				list-style: none;
+				padding: 0;
+				margin: 0;
+				/deep/.fa-check {
+					margin-right: 10px;
+					color: #5865f2;
+				}
+			}
+		}
     }
 
     &__contact {
         width: 47%;
-
         background: #eff5fd;
         border-radius: 5px;
         padding: 1rem 1.5rem 1rem;
         margin-left: 2rem;
 
+		@media (max-width: 960px) {
+			margin-top: 1rem;
+			width: 75%;
+			margin-left: 0;
+		}
+		
+		.diamond-svg{
+			position: relative;
+			top: -35px;
+			right: -82px;
+
+			@media (max-width: 992px) {
+				display: none;
+			}
+		}
         p {
             word-break: break-word !important;
 
             font-style: normal;
-            font-weight: 500;
-            font-size: 15px;
+            font-weight: 600;
+            font-size: 16px;
             line-height: 22px;
-            text-align: center;
 
             color: #1d364b;
         }

package/components/burh-ds/Modals/SendDisc.vue

@@ -11,14 +11,6 @@
 				Enviar Passaporte
 			</h2>
 		</template>
-		<div class="row p-2 px-4">
-			<div class="col-6">
-				<label for="name">Nome Completo</label>
-			</div>
-			<div class="col-6">
-				<label for="email">E-mail</label>
-			</div>
-		</div>
 		<validation-observer ref="sendDisc">
 			<div class="row px-4" v-for="(slot, idx) in slots" :key="idx">
 				<validation-provider
@@ -31,6 +23,8 @@
 				>
 					<base-input
 						v-model="slot.name"
+						label="Nome Completo"
+						placeholder="Nome Completo"
 						:error="errors[0]"
 						:valid="errors.length ? true : false"
 					/>
@@ -46,12 +40,14 @@
 				>
 					<base-input
 						v-model="slot.email"
+						label="E-mail"
+						placeholder="E-mail"
 						:error="errors[0]"
 						:valid="errors.length ? true : false"
 					/>
 				</validation-provider>
 
-				<div class="col-1 py-2">
+				<div class="col-1 new-item-icon">
 					<i
 						v-if="idx !== slots.length - 1"
 						class="fa fa-trash pointer"
@@ -215,6 +211,10 @@ export default {
     cursor: pointer;
 }
 
+.new-item-icon {
+	padding-top: 42px;
+}
+
 #credits-amount {
     min-width: 8em;
     margin: 1rem 1rem 1rem 0;

package/components/burh-ds/Modals/SendTest.vue

@@ -13,23 +13,24 @@
 					<h5>Insira o e-mail que deseja enviar o teste</h5>
 				</div>
 				<validation-observer ref="sendTest">
-
 					<div class="row mt-3 send send-form">
 						<div class="col-6">
-							<label for="teste">Selecione a vaga</label>
-							<badge
-								rounded
-								size="md"
-								type="primary"
-								class="ml-auto badge-bg-color badge-font">
-								opcional
-							</badge>
+							<span for="vaga" class="form-control-label d-block mb-1">Selecione a vaga
+								<badge
+									rounded
+									size="md"
+									type="primary"
+									class="ml-auto badge-bg-color badge-font">
+									opcional
+								</badge>
+							</span>
 							<el-select
 								filterable
 								clearable
 								no-match-text="Nenhuma vaga encontrada"
 								no-data-text="Nenhuma vaga encontrada"
 								placeholder="Escolha a vaga"
+								id="vaga"
 								v-model="jobid"
 								class="w-100"
 							>
@@ -50,7 +51,7 @@
 								rules="required"
 								v-slot="{ errors }"
 							>
-								<label for="teste">Selecione o teste</label>
+								<span for="teste" class="form-control-label d-block mb-1">Selecione o teste</span>
 								<el-select
 									filterable
 									required
@@ -60,8 +61,9 @@
 									placeholder="Escolha o teste"
 									:class="{'is-invalid': errors[0]}"
 									rules="required"
+									id="teste"
 									v-model="testid"
-									class="w-100"
+									class="w-100 fix-input"
 								>
 									<el-option
 										v-for="test in allTests"
@@ -100,14 +102,13 @@
 								rules="required|alpha_spaces|regex:\w+\s+\w+"
 								v-slot="{ errors }"
 							>
-								<label for="email">Nome</label>
 								<base-input
 									v-model="slot.name"
 									:error="errors[0]"
 									:valid="errors.length ? true : false"
 									class="w-100"
-									placeholder="Nome do usuário/candidato"
-									id="name"
+									label="Nome Completo"
+									placeholder="Nome Completo"
 								/>
 							</validation-provider>
 						</div>
@@ -120,14 +121,13 @@
 								rules="required|email"
 								v-slot="{ errors }"
 							>
-								<label for="email">E-mail</label>
 								<base-input
 									v-model="slot.email"
 									:error="errors[0]"
 									:valid="errors.length ? true : false"
 									class="w-100"
-									id="email"
-									placeholder="E-mail do usuário/candidato"
+									label="E-mail"
+									placeholder="E-mail"
 								/>
 								<div class="send send-icon">
 									<i
@@ -304,6 +304,10 @@ export default {
     font-size: 10px !important;
 }
 
+.fix-input{
+	margin-top: 4px;
+}
+
 .send {
     &-test {
         h5 {

package/components/burh-ds/Skeleton/BaseCardUniversity.vue

@@ -1,79 +1,79 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-		>
-			<skeleton-animate class="user__cover" />
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
-
-			<skeleton-animate class="user__title" :width="160" :height="20" />
-		</div>
-
-		<div class="recruitment__user__card__footer">
-			<skeleton-animate class="user__footer" :width="200" :height="20" />
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'base-card-university',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.recruitment__user__card {
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    border-radius: 4px;
-    overflow: hidden;
-    cursor: pointer;
-    transition: transform 0.25s;
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        .user__cover {
-            width: 100%!important;
-            height: 100%!important;
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .user__avatar {
-            margin-top: -20px;
-            border: 4px solid #fff;
-            z-index: 10;
-        }
-        .user__title {
-            margin-top: 40px;
-        }
-    }
-    &__footer {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding-bottom: 20px;
-        .user__footer {
-            margin-top: 40px;
-            margin-bottom: 20px;
-        }
-    }
-}
-
-</style>
-
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+		>
+			<skeleton-animate class="user__cover" />
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
+
+			<skeleton-animate class="user__title" :width="160" :height="20" />
+		</div>
+
+		<div class="recruitment__user__card__footer">
+			<skeleton-animate class="user__footer" :width="200" :height="20" />
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'base-card-university',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.recruitment__user__card {
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.25s;
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        .user__cover {
+            width: 100%!important;
+            height: 100%!important;
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .user__avatar {
+            margin-top: -20px;
+            border: 4px solid #fff;
+            z-index: 10;
+        }
+        .user__title {
+            margin-top: 40px;
+        }
+    }
+    &__footer {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding-bottom: 20px;
+        .user__footer {
+            margin-top: 40px;
+            margin-bottom: 20px;
+        }
+    }
+}
+
+</style>
+

package/components/burh-ds/Skeleton/BaseCardUser.vue

@@ -1,84 +1,84 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-		>
-			<skeleton-animate class="user__cover" />
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
-
-			<skeleton-animate class="user__title" :width="160" :height="20" />
-			<skeleton-animate class="user__age" :width="80" :height="15" />
-
-			<skeleton-animate class="user__city" :width="120" :height="25" />
-
-			<skeleton-animate class="user__text" :width="140" :height="15" />
-			<skeleton-animate class="user__experience" :width="220" :height="20" />
-		</div>
-	</div>
-</template>
-
-<script>
-import SkeletonAnimate from './SkeletonAnimate.vue';
-
-export default {
-	name: 'base-card-user',
-	components: {
-		SkeletonAnimate
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-
-.recruitment__user__card {
-    background: #fff;
-    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-    border-radius: 4px;
-    overflow: hidden;
-    cursor: pointer;
-    transition: transform 0.25s;
-    padding-bottom: 40px;
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        .user__cover {
-            width: 100%!important;
-            height: 100%!important;
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        .user__avatar {
-            margin-top: -20px;
-            border: 4px solid #fff;
-            z-index: 10;
-        }
-        .user__title {
-            margin-top: 20px;
-        }
-        .user__age {
-            margin-top: 10px;
-        }
-        .user__city {
-            margin-top: 40px;
-        }
-        .user__text {
-            margin-top: 40px;
-        }
-        .user__experience {
-            margin-top: 5px;
-        }
-    }
-}
-
-</style>
-
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+		>
+			<skeleton-animate class="user__cover" />
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<skeleton-animate class="user__avatar" :width="120" :height="120" img />
+
+			<skeleton-animate class="user__title" :width="160" :height="20" />
+			<skeleton-animate class="user__age" :width="80" :height="15" />
+
+			<skeleton-animate class="user__city" :width="120" :height="25" />
+
+			<skeleton-animate class="user__text" :width="140" :height="15" />
+			<skeleton-animate class="user__experience" :width="220" :height="20" />
+		</div>
+	</div>
+</template>
+
+<script>
+import SkeletonAnimate from './SkeletonAnimate.vue';
+
+export default {
+	name: 'base-card-user',
+	components: {
+		SkeletonAnimate
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+
+.recruitment__user__card {
+    background: #fff;
+    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
+    border-radius: 4px;
+    overflow: hidden;
+    cursor: pointer;
+    transition: transform 0.25s;
+    padding-bottom: 40px;
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        .user__cover {
+            width: 100%!important;
+            height: 100%!important;
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .user__avatar {
+            margin-top: -20px;
+            border: 4px solid #fff;
+            z-index: 10;
+        }
+        .user__title {
+            margin-top: 20px;
+        }
+        .user__age {
+            margin-top: 10px;
+        }
+        .user__city {
+            margin-top: 40px;
+        }
+        .user__text {
+            margin-top: 40px;
+        }
+        .user__experience {
+            margin-top: 5px;
+        }
+    }
+}
+
+</style>
+