@burh/nuxt-core 1.0.255 → 1.0.257

package/components/burh-ds/Headings/AppHeader.vue

@@ -1,138 +1,138 @@
-<template>
-	<base-header class="app-header" :type="'white'">
-		<div class="row justify-content-center">
-			<div
-				:class="{ 'images__container': images.length }"
-				class="col-6 my-auto header__container"
-			>
-				<slot name="header-top" />
-
-				<div class="header__content">
-					<h2 class="font-weight-bold display-3">{{name}}</h2>
-					<div class="images" v-if="images.length">
-						<el-tooltip
-							v-for="(image, index) in images"
-							:key="index"
-							placement="top"
-							:content="image.name"
-						>
-							<img
-								:src="image.src"
-								:alt="image.name"
-							>
-						</el-tooltip>
-					</div>
-				</div>
-
-				<span id="credits-amount" v-if="subheader">
-					{{ subheader }} Créditos
-				</span>
-
-				<slot name="header-bottom" />
-			</div>
-
-			<div class="col-6 d-flex justify-content-end align-items-center">
-				<el-tooltip v-for="(item, index) in icons" :key="index"
-					v-show="!item.disabled"
-					class="item" effect="dark" :content="item.title" placement="top">
-					<base-button size="md" type="link" class="text-primary px-2 w-auto"
-						@click="$emit(item.event, item)">
-						<font-awesome-icon :icon="item.icon" class="mr-2" />
-					</base-button>
-				</el-tooltip>
-
-				<slot name="buttons" />
-			</div>
-
-			<slot/>
-		</div>
-	</base-header>
-</template>
-<script>
-export default {
-	data(){
-		return{
-			default: ''
-		};
-	},
-	props:{
-		icons:{
-			type: Array,
-			default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title: 'Editar' } ]
-		},
-		name: {
-			type: String,
-			default: 'Teste de matematica'
-		},
-		subheader: {
-			type: Number,
-			default: null
-		},
-		images: {
-			type: Array,
-			default: () => []
-		}
-	},
-};
-</script>
-<style lang="scss" scoped>
-#credits-amount {
-    margin: 0!important;
-    min-width: 8em;
-    margin: 1rem 1rem 1rem 0;
-    padding: 0.25em 1em;
-    font-size: 0.85rem;
-    line-height: 1.4em;
-    border-radius: 23rem;
-    font-weight: 400;
-    text-align: center;
-    background-color: rgba(29, 161, 241, 0.1);
-    color: #1da1f1;
-}
-</style>
-<style lang="scss">
-
-.app-header {
-  width: 100%;
-  padding-top: 1.25rem;
-  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
-}
-
-.header__container {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-start;
-}
-
-.images__container {
-	display: flex;
-	align-items: flex-start;
-	justify-content: center;
-	.header__content {
-        display: flex;
-        flex-direction: row;
-        h2 {
-            margin-bottom: 0;
-        }
-        .images {
-            margin-left: 10px;
-            display: flex;
-            align-items: center;
-            user-select: none;
-            img {
-                $size: 32px;
-                display: block;
-                width: $size;
-                height: $size;
-                object-fit: cover;
-                border-radius: 100px;
-                border: 2px solid #fff;
-                &:not(:first-child) {
-                    margin-left: -10px;
-                }
-            }
-        }
-    }
-}
-</style>
+<template>
+	<base-header class="app-header" :type="'white'">
+		<div class="row justify-content-center">
+			<div
+				:class="{ 'images__container': images.length }"
+				class="col-6 my-auto header__container"
+			>
+				<slot name="header-top" />
+
+				<div class="header__content">
+					<h2 class="font-weight-bold display-3">{{name}}</h2>
+					<div class="images" v-if="images.length">
+						<el-tooltip
+							v-for="(image, index) in images"
+							:key="index"
+							placement="top"
+							:content="image.name"
+						>
+							<img
+								:src="image.src"
+								:alt="image.name"
+							>
+						</el-tooltip>
+					</div>
+				</div>
+
+				<span id="credits-amount" v-if="subheader">
+					{{ subheader }} Créditos
+				</span>
+
+				<slot name="header-bottom" />
+			</div>
+
+			<div class="col-6 d-flex justify-content-end align-items-center">
+				<el-tooltip v-for="(item, index) in icons" :key="index"
+					v-show="!item.disabled"
+					class="item" effect="dark" :content="item.title" placement="top">
+					<base-button size="md" type="link" class="text-primary px-2 w-auto"
+						@click="$emit(item.event, item)">
+						<font-awesome-icon :icon="item.icon" class="mr-2" />
+					</base-button>
+				</el-tooltip>
+
+				<slot name="buttons" />
+			</div>
+
+			<slot/>
+		</div>
+	</base-header>
+</template>
+<script>
+export default {
+	data(){
+		return{
+			default: ''
+		};
+	},
+	props:{
+		icons:{
+			type: Array,
+			default: () =>[{ event: 'view', icon: ['fas', 'eye'], disabled: false, title: 'Visualizar' }, { event: 'config', icon: ['fas', 'cog'], disabled: false, title: 'Editar' } ]
+		},
+		name: {
+			type: String,
+			default: 'Teste de matematica'
+		},
+		subheader: {
+			type: Number,
+			default: null
+		},
+		images: {
+			type: Array,
+			default: () => []
+		}
+	},
+};
+</script>
+<style lang="scss" scoped>
+#credits-amount {
+    margin: 0!important;
+    min-width: 8em;
+    margin: 1rem 1rem 1rem 0;
+    padding: 0.25em 1em;
+    font-size: 0.85rem;
+    line-height: 1.4em;
+    border-radius: 23rem;
+    font-weight: 400;
+    text-align: center;
+    background-color: rgba(29, 161, 241, 0.1);
+    color: #1da1f1;
+}
+</style>
+<style lang="scss">
+
+.app-header {
+  width: 100%;
+  padding-top: 1.25rem;
+  box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);
+}
+
+.header__container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+.images__container {
+	display: flex;
+	align-items: flex-start;
+	justify-content: center;
+	.header__content {
+        display: flex;
+        flex-direction: row;
+        h2 {
+            margin-bottom: 0;
+        }
+        .images {
+            margin-left: 10px;
+            display: flex;
+            align-items: center;
+            user-select: none;
+            img {
+                $size: 32px;
+                display: block;
+                width: $size;
+                height: $size;
+                object-fit: cover;
+                border-radius: 100px;
+                border: 2px solid #fff;
+                &:not(:first-child) {
+                    margin-left: -10px;
+                }
+            }
+        }
+    }
+}
+</style>

package/components/burh-ds/Inputs/SearchInput.vue

@@ -1,64 +1,64 @@
-<template>
-	<div class="input__container__icon">
-		<label for="search">
-			<i class="fas fa-search"></i>
-		</label>
-		<input type="text" name="search" id="search" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'search-input',
-	props: {
-		search: String,
-		placeholder: {
-			type: String,
-			default: 'Busque por vaga'
-		}
-	},
-	data() {
-		return {
-			searchModel: null
-		};
-	},
-	mounted() {
-		this.searchModel = this.search;
-	},
-	watch: {
-		search(value) {
-			this.searchModel = value;
-		},
-		searchModel(value) {
-			this.$emit('search', value);
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.input__container__icon {
-	position: relative;
-	display: flex;
-	align-items: center;
-	border-radius: 100px;
-	max-width: 270px;
-	overflow: hidden;
-	border: 1px solid #E9ECEF;
-	input {
-		background: transparent;
-		border: 0;
-		outline: none;
-		padding: 5px 0;
-		width: 100%;
-	}
-	label {
-		margin: 0;
-		display: block;
-	}
-	i {
-		padding: 0 10px;
-		color: #AEB6BE;
-	}
-}
-</style>
+<template>
+	<div class="input__container__icon">
+		<label for="search">
+			<i class="fas fa-search"></i>
+		</label>
+		<input type="text" name="search" id="search" :placeholder="placeholder" v-model="searchModel" @change="$emit('change')">
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'search-input',
+	props: {
+		search: String,
+		placeholder: {
+			type: String,
+			default: 'Busque por vaga'
+		}
+	},
+	data() {
+		return {
+			searchModel: null
+		};
+	},
+	mounted() {
+		this.searchModel = this.search;
+	},
+	watch: {
+		search(value) {
+			this.searchModel = value;
+		},
+		searchModel(value) {
+			this.$emit('search', value);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.input__container__icon {
+	position: relative;
+	display: flex;
+	align-items: center;
+	border-radius: 100px;
+	max-width: 270px;
+	overflow: hidden;
+	border: 1px solid #E9ECEF;
+	input {
+		background: transparent;
+		border: 0;
+		outline: none;
+		padding: 5px 0;
+		width: 100%;
+	}
+	label {
+		margin: 0;
+		display: block;
+	}
+	i {
+		padding: 0 10px;
+		color: #AEB6BE;
+	}
+}
+</style>

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

@@ -0,0 +1,84 @@
+<template>
+	<div>
+		<modal
+			:show.sync="isModalOpen"
+			@close="$emit('close-modal')"
+			class="modal modal-new"
+			bodyClasses="container-fluid px-4 pt-0 modal-new-fix"
+			headerClasses="container-fluid px-4 pb-0"
+		>
+			<template slot="header">
+				<p>&ThinSpace;</p>
+			</template>
+			<div class="text-center my-4 mt-0">
+				<img src="/img/logotipo_color.svg" class="pb-4" width="124" alt="Burh">
+				<h5 class="display-5 text-center">Olá! Sou a Burh! Estamos mudando.</h5>
+			</div>
+			<div class="mt-2 text-justify">
+				<p>
+					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.
+					<br><br>
+					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.
+					<br><br>
+					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.
+					<br><br>
+					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.
+					<br><br>
+					Com amor,<br>Burh
+				</p>
+			</div>
+		</modal>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'new-user-modal',
+	props: {
+		show: {
+			type: Boolean,
+			default: false
+		},
+	},
+	data() {
+		return {
+			isModalOpen: this.show
+		};
+	},
+	watch: {
+		show(value) {
+			this.isModalOpen = value;
+		}
+	}
+};
+</script>
+<style lang="scss">
+.modal-new {
+    overflow-y: auto!important;
+    &::-webkit-scrollbar-track {
+		border-radius: 10px;
+		background-color: rgba(23, 43, 77, 0.7);
+	}
+
+	&::-webkit-scrollbar {
+		width: 8px;
+		background-color: rgba(23, 43, 77, 0.7);
+	}
+
+	&::-webkit-scrollbar-thumb {
+		border-radius: 10px;
+		background-color: #e9e8e8;
+	}
+    .modal-dialog {
+        min-width: 60rem;
+        display: flex;
+        flex-direction: columns;
+        align-items: center;
+    }
+}
+.modal-new-fix {
+    padding: 30px 60px!important;
+    padding-top: 0!important;
+    width: 75%!important;
+}
+</style>