@burh/nuxt-core 1.0.404 → 1.0.406

package/components/burh-ds/Cards/WelcomeCard.vue

@@ -1,106 +1,106 @@
-
-<template>
-	<div class="card text-center pt-5 align-items-center">
-		<div class="card-body card--content">
-			<img class="icon" :src="icon">
-			<h2 class="card-title mb-3 mx-md-2">{{title}}</h2>
-			<p class="welcome-card-text mb-4 text--initial mx-md-5" v-html="text" />
-			<div class="button--area mt-5">
-				<base-button
-					type="primary"
-                    @click="$emit('btn-first-click')"
-				>
-					{{buttonText}}
-				</base-button>
-			</div>
-		</div>
-	</div>
-</template>
-<script>
-export default {
-	name: 'welcome-card',
-	components: {
-	},
-	props:{
-		icon: String,
-		title: {
-			type: String,
-			default: 'Aqui vai um título'
-		},
-		text: {
-			type: String,
-			default: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis vel tellus viverra pulvinar. Mauris in augue neque. Proin molestie lectus lectus, at semper enim suscipit id. odo colaborador tem um perfil de comportamento e competências. O Profiler é uma ferramenta completa para você identificar cada uma delas e assim formar equipes mais produtivas.'
-		},
-		buttonText: {
-			type: String
-		},
-    },
-};
-</script>
-
-<style lang="scss">
-@import "@burh/nuxt-core/assets/sass/argon.scss";
-
-    .text--initial{
-        text-align: initial;
-    }
-    .card--content{
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        @media screen and (min-width:768px){
-
-        }
-        .button--area{
-            @media screen and (max-width:768px){
-                display: flex;
-                flex-wrap: wrap;
-            }
-            .btn--flex{
-                @media screen and(max-width:768px){
-                    font-size: 0.685rem;
-                    display: flex;
-                }
-                @media screen and(max-width:320px){
-                    font-size: 0.579rem;
-                }
-            }
-        }
-        .card-title{
-            width: 50%;
-            font-weight: 600;
-            @media screen and (max-width:768px){
-                padding-left: 1.5rem;
-                padding-right: 1.5rem;
-            }
-        }
-    }
-
-    .welcome-card-text {
-        text-align: center;
-        width: 55%;
-        color: $gray-900;
-    }
-
-    .icon {
-        width: 9rem;
-        height: 9rem;
-        margin-bottom: 2rem;
-    }
-
-    .btn--app {
-        background-color: $violet !important;
-        border-color: $violet  !important;
-        &:hover {
-            background-color: darken($violet, 10%)  !important;
-            border-color: darken($violet, 10%)  !important;
-        }
-    }
-
-    .white-text {
-        color: #ffffff;
-        &:hover {
-            color: #ffffff;
-        }
-    }
-</style>
+
+<template>
+	<div class="card text-center pt-5 align-items-center">
+		<div class="card-body card--content">
+			<img class="icon" :src="icon">
+			<h2 class="card-title mb-3 mx-md-2">{{title}}</h2>
+			<p class="welcome-card-text mb-4 text--initial mx-md-5" v-html="text" />
+			<div class="button--area mt-5">
+				<base-button
+					type="primary"
+                    @click="$emit('btn-first-click')"
+				>
+					{{buttonText}}
+				</base-button>
+			</div>
+		</div>
+	</div>
+</template>
+<script>
+export default {
+	name: 'welcome-card',
+	components: {
+	},
+	props:{
+		icon: String,
+		title: {
+			type: String,
+			default: 'Aqui vai um título'
+		},
+		text: {
+			type: String,
+			default: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse convallis vel tellus viverra pulvinar. Mauris in augue neque. Proin molestie lectus lectus, at semper enim suscipit id. odo colaborador tem um perfil de comportamento e competências. O Profiler é uma ferramenta completa para você identificar cada uma delas e assim formar equipes mais produtivas.'
+		},
+		buttonText: {
+			type: String
+		},
+    },
+};
+</script>
+
+<style lang="scss">
+@import "@burh/nuxt-core/assets/sass/argon.scss";
+
+    .text--initial{
+        text-align: initial;
+    }
+    .card--content{
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        @media screen and (min-width:768px){
+
+        }
+        .button--area{
+            @media screen and (max-width:768px){
+                display: flex;
+                flex-wrap: wrap;
+            }
+            .btn--flex{
+                @media screen and(max-width:768px){
+                    font-size: 0.685rem;
+                    display: flex;
+                }
+                @media screen and(max-width:320px){
+                    font-size: 0.579rem;
+                }
+            }
+        }
+        .card-title{
+            width: 50%;
+            font-weight: 600;
+            @media screen and (max-width:768px){
+                padding-left: 1.5rem;
+                padding-right: 1.5rem;
+            }
+        }
+    }
+
+    .welcome-card-text {
+        text-align: center;
+        width: 55%;
+        color: $gray-900;
+    }
+
+    .icon {
+        width: 9rem;
+        height: 9rem;
+        margin-bottom: 2rem;
+    }
+
+    .btn--app {
+        background-color: $violet !important;
+        border-color: $violet  !important;
+        &:hover {
+            background-color: darken($violet, 10%)  !important;
+            border-color: darken($violet, 10%)  !important;
+        }
+    }
+
+    .white-text {
+        color: #ffffff;
+        &:hover {
+            color: #ffffff;
+        }
+    }
+</style>

package/components/burh-ds/Carousel/FeedCarousel.vue

@@ -1,48 +1,48 @@
-<template>
-    <div>
-        <client-only>
-            <carousel 
-                :items="4" 
-                :nav="true" 
-                :navText="['back', 'go']"
-                :dots="false"
-                :mouseDrag="false"
-                :rewind="false"
-                :autoHeight="true"
-                :autoWidth="true"
-                :responsive="{0:{items: 1}, 768:{items: 2}, 992:{items: 4}}">
-
-                <opportunity-card
-                    v-for="(item, index) in items" v-bind:key="item.job_id"
-                    :class="{'mr-0': index == (items.length - 1)}"
-                    :title="item.job_title"
-                    :company="item.company_name"
-                    :date="item.created_at"
-                    :local="item.city_name"
-                    v-on:avatar-click="$emit('avatar-click', item)"
-                    v-on:share-click="$emit('share-click', item)"
-                    v-on:save-click="$emit('save-click', item)"
-                    v-on:company-name-click="$emit('company-name-click', item)"
-                    :img="item.company_logo"
-                    ></opportunity-card>
-            </carousel>
-        </client-only>
-    </div>
-</template>
-
-<script>
-import { OpportunityCard } from "@/components/burh-ds/";
-export default {
-    components: {
-        OpportunityCard 
-    },
-    name: 'feed-carousel',
-    props: {
-        items: Array
-    }
-}
-</script>
-
-<style lang="scss">
-    
+<template>
+    <div>
+        <client-only>
+            <carousel 
+                :items="4" 
+                :nav="true" 
+                :navText="['back', 'go']"
+                :dots="false"
+                :mouseDrag="false"
+                :rewind="false"
+                :autoHeight="true"
+                :autoWidth="true"
+                :responsive="{0:{items: 1}, 768:{items: 2}, 992:{items: 4}}">
+
+                <opportunity-card
+                    v-for="(item, index) in items" v-bind:key="item.job_id"
+                    :class="{'mr-0': index == (items.length - 1)}"
+                    :title="item.job_title"
+                    :company="item.company_name"
+                    :date="item.created_at"
+                    :local="item.city_name"
+                    v-on:avatar-click="$emit('avatar-click', item)"
+                    v-on:share-click="$emit('share-click', item)"
+                    v-on:save-click="$emit('save-click', item)"
+                    v-on:company-name-click="$emit('company-name-click', item)"
+                    :img="item.company_logo"
+                    ></opportunity-card>
+            </carousel>
+        </client-only>
+    </div>
+</template>
+
+<script>
+import { OpportunityCard } from "@/components/burh-ds/";
+export default {
+    components: {
+        OpportunityCard 
+    },
+    name: 'feed-carousel',
+    props: {
+        items: Array
+    }
+}
+</script>
+
+<style lang="scss">
+    
 </style>

package/components/burh-ds/Carousel/ImageCarousel.vue

@@ -1,111 +1,111 @@
-<template>
-	<vue-slick-carousel v-bind="settings" :arrows="true" :dots="true">
-		<div
-			v-for="(item, index) in carouselItems"
-			:key="index"
-			class="carousel__image"
-		>
-			<img :src="item.img" :alt="item.title" draggable="false">
-		</div>
-	</vue-slick-carousel>
-</template>
-
-<script>
-import VueSlickCarousel from 'vue-slick-carousel';
-import 'vue-slick-carousel/dist/vue-slick-carousel.css';
-import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css';
-
-export default {
-	name: 'ImageCarousel',
-	components: {
-		VueSlickCarousel
-	},
-	props: {
-		carouselItems: {
-			type: Array,
-			default: () => {
-				return [];
-			}
-		},
-		dots: {
-			type: Boolean,
-			default: true
-		},
-		infinite: {
-			type: Boolean,
-			default: true
-		},
-		autoplay: {
-			type: Boolean,
-			default: true
-		},
-		slides: {
-			type: Number,
-			default: 3
-		},
-		speed: {
-			type: Number,
-			default: 500
-		},
-		breakpoints: {
-			type: Array,
-			default: () => {
-				return [
-					{
-						breakpoint: 800,
-						settings: {
-							slidesToShow: 2,
-							slidesToScroll: 2
-						}
-					},
-					{
-						breakpoint: 600,
-						settings: {
-							slidesToShow: 1,
-							slidesToScroll: 1
-						}
-					}
-				];
-			}
-		}
-	},
-	data() {
-		return {
-			settings: {}
-		};
-	},
-	mounted() {
-		const settings = {
-			dots: this.dots,
-			infinite: this.infinite,
-			autoplay: this.autoplay,
-			slidesToShow: this.slides,
-			slidesToScroll: this.slides,
-			speed: this.speed,
-			responsive: this.breakpoints
-		};
-
-		this.settings = settings;
-	}
-};
-</script>
-
-<style lang="scss">
-    .carousel__image {
-        padding: 20px 0;
-        display: flex!important;
-        align-items: center;
-        justify-content: center;
-        user-select: none;
-        img {
-            display: block;
-            width: 150px;
-            padding: 10px;
-            // filter: grayscale(1) invert(1) brightness(0.8);
-            transition: filter 0.5s;
-            &:hover {
-                filter: none;
-            }
-        }
-    }
-</style>
+<template>
+	<vue-slick-carousel v-bind="settings" :arrows="true" :dots="true">
+		<div
+			v-for="(item, index) in carouselItems"
+			:key="index"
+			class="carousel__image"
+		>
+			<img :src="item.img" :alt="item.title" draggable="false">
+		</div>
+	</vue-slick-carousel>
+</template>
+
+<script>
+import VueSlickCarousel from 'vue-slick-carousel';
+import 'vue-slick-carousel/dist/vue-slick-carousel.css';
+import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css';
+
+export default {
+	name: 'ImageCarousel',
+	components: {
+		VueSlickCarousel
+	},
+	props: {
+		carouselItems: {
+			type: Array,
+			default: () => {
+				return [];
+			}
+		},
+		dots: {
+			type: Boolean,
+			default: true
+		},
+		infinite: {
+			type: Boolean,
+			default: true
+		},
+		autoplay: {
+			type: Boolean,
+			default: true
+		},
+		slides: {
+			type: Number,
+			default: 3
+		},
+		speed: {
+			type: Number,
+			default: 500
+		},
+		breakpoints: {
+			type: Array,
+			default: () => {
+				return [
+					{
+						breakpoint: 800,
+						settings: {
+							slidesToShow: 2,
+							slidesToScroll: 2
+						}
+					},
+					{
+						breakpoint: 600,
+						settings: {
+							slidesToShow: 1,
+							slidesToScroll: 1
+						}
+					}
+				];
+			}
+		}
+	},
+	data() {
+		return {
+			settings: {}
+		};
+	},
+	mounted() {
+		const settings = {
+			dots: this.dots,
+			infinite: this.infinite,
+			autoplay: this.autoplay,
+			slidesToShow: this.slides,
+			slidesToScroll: this.slides,
+			speed: this.speed,
+			responsive: this.breakpoints
+		};
+
+		this.settings = settings;
+	}
+};
+</script>
+
+<style lang="scss">
+    .carousel__image {
+        padding: 20px 0;
+        display: flex!important;
+        align-items: center;
+        justify-content: center;
+        user-select: none;
+        img {
+            display: block;
+            width: 150px;
+            padding: 10px;
+            // filter: grayscale(1) invert(1) brightness(0.8);
+            transition: filter 0.5s;
+            &:hover {
+                filter: none;
+            }
+        }
+    }
+</style>

package/components/burh-ds/Collapse/DefaultCollapse.vue

@@ -1,70 +1,70 @@
-<template>
-	<collapse class="collapse__container">
-		<collapse-item
-			v-for="(item, index) in collapseItems"
-			:key="index"
-			class="collapse__container__item"
-			:class="customItemClass"
-		>
-			<h6 slot="title">{{ item.title }}</h6>
-			<div class="collapse__container__item__description">{{ item.description }}</div>
-		</collapse-item>
-	</collapse>
-</template>
-
-<script>
-import Collapse from '@burh/nuxt-core/components/argon-core/Collapse/Collapse.vue';
-import CollapseItem from '@burh/nuxt-core/components/argon-core/Collapse/CollapseItem.vue';
-
-export default {
-	name: 'DefaultCollapse',
-	components: {
-		Collapse,
-		CollapseItem
-	},
-	props: {
-		collapseItems: {},
-		customItemClass:{
-			type: String,
-			default: ''
-		},
-	}
-};
-</script>
-
-<style lang="scss">
-    .collapse__container {
-        &__item {
-            background: transparent;
-            box-shadow: 0 0 0;
-            padding: 20px 0;
-            h6 {
-                font-size: 1.5rem;
-                font-weight: 400;
-                max-width: 85%;
-                margin-bottom: 0;
-                padding: 10px 0;
-                @media (max-width: 800px) {
-                    & {
-                        font-size: 1rem;
-                    }
-                }
-            }
-            .card-header {
-                padding: 1.25rem 0;
-                &::after {
-                    color: #5865F2;
-                    font-size: 1.5rem;
-                }
-            }
-            &__description {
-                font-size: 1.2rem;
-                @media (max-width: 800px) {
-                    & {
-                        font-size: 1rem;
-                    }
-                }
-            }
-        }
-    }
-</style>
+<template>
+	<collapse class="collapse__container">
+		<collapse-item
+			v-for="(item, index) in collapseItems"
+			:key="index"
+			class="collapse__container__item"
+			:class="customItemClass"
+		>
+			<h6 slot="title">{{ item.title }}</h6>
+			<div class="collapse__container__item__description">{{ item.description }}</div>
+		</collapse-item>
+	</collapse>
+</template>
+
+<script>
+import Collapse from '@burh/nuxt-core/components/argon-core/Collapse/Collapse.vue';
+import CollapseItem from '@burh/nuxt-core/components/argon-core/Collapse/CollapseItem.vue';
+
+export default {
+	name: 'DefaultCollapse',
+	components: {
+		Collapse,
+		CollapseItem
+	},
+	props: {
+		collapseItems: {},
+		customItemClass:{
+			type: String,
+			default: ''
+		},
+	}
+};
+</script>
+
+<style lang="scss">
+    .collapse__container {
+        &__item {
+            background: transparent;
+            box-shadow: 0 0 0;
+            padding: 20px 0;
+            h6 {
+                font-size: 1.5rem;
+                font-weight: 400;
+                max-width: 85%;
+                margin-bottom: 0;
+                padding: 10px 0;
+                @media (max-width: 800px) {
+                    & {
+                        font-size: 1rem;
+                    }
+                }
+            }
+            .card-header {
+                padding: 1.25rem 0;
+                &::after {
+                    color: #5865F2;
+                    font-size: 1.5rem;
+                }
+            }
+            &__description {
+                font-size: 1.2rem;
+                @media (max-width: 800px) {
+                    & {
+                        font-size: 1rem;
+                    }
+                }
+            }
+        }
+    }
+</style>