@burh/nuxt-core 1.0.325 → 1.0.331

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

@@ -1,166 +1,166 @@
-<template>
-	<div class="recruitment__user__card">
-		<div
-			class="recruitment__user__card__header"
-			:class="[
-				{ 'header__cover--shadow': cover },
-				{ 'header__cover--glass': glass }
-			]"
-		>
-			<div class="recruitment__user__card__header__actions">
-				<div class="left">
-					<slot name="header-left" />
-				</div>
-				<div class="right">
-					<slot name="header-right" />
-				</div>
-			</div>
-			<img
-				:src="cover"
-				class="user__cover"
-			>
-		</div>
-
-		<div class="recruitment__user__card__content">
-			<img :src="avatar" :alt="name">
-			
-			<slot name="card-content" />
-		</div>
-
-		<div class="recruitment__user__card__footer">
-			<slot name="card-footer" />
-		</div>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'recruitment-user-card',
-	props: {
-		cover: {
-			type: String,
-			default: null
-		},
-		avatar: {
-			type: String,
-			default: null
-		},
-		name: {
-			type: String,
-			default: null
-		},
-		glass: {
-			type: Boolean,
-			default: false
-		}
-	}
-};
-</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;
-    &:focus {
-        outline: none;
-        transform: translateY(-5px);
-    }
-    &:hover {
-        transform: translateY(-5px);
-    }
-
-    &__header {
-        width: 100%;
-        height: 70px;
-        overflow: hidden;
-        position: relative;
-        background: #1F8CEB;
-        &.header__cover--shadow::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), 80%, transparent);
-            z-index: 1;
-        }
-        &.header__cover--glass {
-            &::before {
-                backdrop-filter: blur( 4px );
-                -webkit-backdrop-filter: blur( 4px );
-                background: rgba(0,0,0,0.2)!important;
-            }
-        }
-        .user__cover {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        &__actions {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            padding: 10px 15px;
-            z-index: 2;
-            .right {
-                display: flex;
-                align-items: center;
-                flex-direction: row;
-                button {
-                    color: #fff;
-                    border: 0;
-                    background: transparent;
-                    width: 32px;
-                    height: 32px;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                }
-            }
-        }
-    }
-    &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        img {
-            width: 120px;
-            height: 120px;
-            border-radius: 100px;
-            object-fit: contain;
-            margin-top: -20px;
-            z-index: 10;
-            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
-            background: #fff;
-            border: 4px solid #fff;
-        }
-    }
-    &__footer {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        padding-bottom: 20px;
-        span {
-            font-size: 0.875rem;
-            font-weight: 500;
-            margin: 0 10px;
-            color: #AEB6BE;
-            &.new {
-                color: #1F8CEB;
-            }
-        }
-    }
-}
-
-</style>
+<template>
+	<div class="recruitment__user__card">
+		<div
+			class="recruitment__user__card__header"
+			:class="[
+				{ 'header__cover--shadow': cover },
+				{ 'header__cover--glass': glass }
+			]"
+		>
+			<div class="recruitment__user__card__header__actions">
+				<div class="left">
+					<slot name="header-left" />
+				</div>
+				<div class="right">
+					<slot name="header-right" />
+				</div>
+			</div>
+			<img
+				:src="cover"
+				class="user__cover"
+			>
+		</div>
+
+		<div class="recruitment__user__card__content">
+			<img :src="avatar" :alt="name">
+			
+			<slot name="card-content" />
+		</div>
+
+		<div class="recruitment__user__card__footer">
+			<slot name="card-footer" />
+		</div>
+	</div>
+</template>
+
+<script>
+export default {
+	name: 'recruitment-user-card',
+	props: {
+		cover: {
+			type: String,
+			default: null
+		},
+		avatar: {
+			type: String,
+			default: null
+		},
+		name: {
+			type: String,
+			default: null
+		},
+		glass: {
+			type: Boolean,
+			default: false
+		}
+	}
+};
+</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;
+    &:focus {
+        outline: none;
+        transform: translateY(-5px);
+    }
+    &:hover {
+        transform: translateY(-5px);
+    }
+
+    &__header {
+        width: 100%;
+        height: 70px;
+        overflow: hidden;
+        position: relative;
+        background: #1F8CEB;
+        &.header__cover--shadow::before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), 80%, transparent);
+            z-index: 1;
+        }
+        &.header__cover--glass {
+            &::before {
+                backdrop-filter: blur( 4px );
+                -webkit-backdrop-filter: blur( 4px );
+                background: rgba(0,0,0,0.2)!important;
+            }
+        }
+        .user__cover {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+        &__actions {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 10px 15px;
+            z-index: 2;
+            .right {
+                display: flex;
+                align-items: center;
+                flex-direction: row;
+                button {
+                    color: #fff;
+                    border: 0;
+                    background: transparent;
+                    width: 32px;
+                    height: 32px;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                }
+            }
+        }
+    }
+    &__content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        img {
+            width: 120px;
+            height: 120px;
+            border-radius: 100px;
+            object-fit: contain;
+            margin-top: -20px;
+            z-index: 10;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+            background: #fff;
+            border: 4px solid #fff;
+        }
+    }
+    &__footer {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding-bottom: 20px;
+        span {
+            font-size: 0.875rem;
+            font-weight: 500;
+            margin: 0 10px;
+            color: #AEB6BE;
+            &.new {
+                color: #1F8CEB;
+            }
+        }
+    }
+}
+
+</style>

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

@@ -1,41 +1,41 @@
-<template>
-  <div ref="squareCard"
-      class="card card--image cursor-pointer z-2"
-      @click="$emit('card-click')"
-      :style="{
-        'background-image': `url('${imagecard}')`,
-        'background-color': colorcard
-      }"
-  >
-    <div class="card-body">
-        <h5 class="card-title">{{titlecard}}</h5>
-        <img
-          :src="imagecard"
-          alt
-          class="card__bg"
-          data-card-background
-        />
-    </div>
-    
-  </div>
-</template>
-
-<script>
-import { setcardsheight } from '~/util/dom.js';
-
-export default {
-  mixins: [setcardsheight],
-  name: "campaign-card",
-  props: {
-    titlecard: String,
-    imagecard: String,
-    colorcard: String
-  },
-  data() {
-    return {
-      default: ''
-    }
-  }
-};
-</script>
+<template>
+  <div ref="squareCard"
+      class="card card--image cursor-pointer z-2"
+      @click="$emit('card-click')"
+      :style="{
+        'background-image': `url('${imagecard}')`,
+        'background-color': colorcard
+      }"
+  >
+    <div class="card-body">
+        <h5 class="card-title">{{titlecard}}</h5>
+        <img
+          :src="imagecard"
+          alt
+          class="card__bg"
+          data-card-background
+        />
+    </div>
+    
+  </div>
+</template>
+
+<script>
+import { setcardsheight } from '~/util/dom.js';
+
+export default {
+  mixins: [setcardsheight],
+  name: "campaign-card",
+  props: {
+    titlecard: String,
+    imagecard: String,
+    colorcard: String
+  },
+  data() {
+    return {
+      default: ''
+    }
+  }
+};
+</script>
 <style></style>

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

@@ -1,40 +1,40 @@
-<template>
-  <div
-    ref="squareCard"
-    :class="classes"
-    @click="$emit('card-click')"
-    class="card card--business cursor-pointer"
-    :style="{
-        'background-image': `url('${brand}')`
-      }"
-  >
-    <img :src="brand" :alt="name" class="brand" />
-  </div>
-</template>
-
-<script>
-import { setcardsheight } from "~/util/dom.js";
-
-export default {
-  mixins: [setcardsheight],
-  name: "company-card",
-  props: {
-    name: String,
-    classes: String,
-    brand: String
-  },
-  data() {
-    return {
-      default: ""
-    };
-  },
-  methods: {
-    
-  },
-  mounted(){
-    
-  }
-};
-</script>
-<style lang="scss">
+<template>
+  <div
+    ref="squareCard"
+    :class="classes"
+    @click="$emit('card-click')"
+    class="card card--business cursor-pointer"
+    :style="{
+        'background-image': `url('${brand}')`
+      }"
+  >
+    <img :src="brand" :alt="name" class="brand" />
+  </div>
+</template>
+
+<script>
+import { setcardsheight } from "~/util/dom.js";
+
+export default {
+  mixins: [setcardsheight],
+  name: "company-card",
+  props: {
+    name: String,
+    classes: String,
+    brand: String
+  },
+  data() {
+    return {
+      default: ""
+    };
+  },
+  methods: {
+    
+  },
+  mounted(){
+    
+  }
+};
+</script>
+<style lang="scss">
 </style>

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

@@ -1,72 +1,72 @@
-<template>
-    <div class="card h-100">
-        <div class="container-fluid container-fluid--bu pt-5">
-            <div class="">
-                <h4 class="card-title font-weight-bold">{{ title }}</h4>
-            </div>
-
-            <div class="row card-body px-0">
-                <div
-                    class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
-                    v-for="items in coursesInfo"
-                    :key="items.name"
-                >
-                    <img
-                        v-if="items.icon"
-                        :src="items.icon"
-                        style="width: 5rem"
-                    />
-                    <span
-                        v-if="items.number"
-                        :class="items.color ? items.color : ''"
-                        class="display-1 font-weight-bold"
-                        >{{ items.number }}</span
-                    >
-                    <p
-                        v-if="items.name"
-                        :class="items.color ? items.color : ''"
-                    >
-                        {{ items.name }}
-                    </p>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-import CardSkeleton from '../Skeleton/Cards.vue';
-export default {
-    components: {
-        CardSkeleton
-    },
-    data() {
-        return {};
-    },
-    props: {
-        title: {
-            type: String,
-            default: 'Resumo geral'
-        },
-        coursesInfo: Array
-    }
-};
-</script>
-<style lang="scss" scoped>
-.card-title {
-    font-size: 1rem;
-}
-.info-box {
-    @media (min-width: 576px) {
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-    @media (min-width: 768px) {
-        flex: 0 0 50%;
-        max-width: 50%;
-    }
-    @media (min-width: 1024px) {
-        flex: 0 0 33%;
-        max-width: 33%;
-    }
-}
-</style>
+<template>
+    <div class="card h-100">
+        <div class="container-fluid container-fluid--bu pt-5">
+            <div class="">
+                <h4 class="card-title font-weight-bold">{{ title }}</h4>
+            </div>
+
+            <div class="row card-body px-0">
+                <div
+                    class="col-6 col-sm-3 col-md-3 info-box text-center px-0"
+                    v-for="items in coursesInfo"
+                    :key="items.name"
+                >
+                    <img
+                        v-if="items.icon"
+                        :src="items.icon"
+                        style="width: 5rem"
+                    />
+                    <span
+                        v-if="items.number"
+                        :class="items.color ? items.color : ''"
+                        class="display-1 font-weight-bold"
+                        >{{ items.number }}</span
+                    >
+                    <p
+                        v-if="items.name"
+                        :class="items.color ? items.color : ''"
+                    >
+                        {{ items.name }}
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+import CardSkeleton from '../Skeleton/Cards.vue';
+export default {
+    components: {
+        CardSkeleton
+    },
+    data() {
+        return {};
+    },
+    props: {
+        title: {
+            type: String,
+            default: 'Resumo geral'
+        },
+        coursesInfo: Array
+    }
+};
+</script>
+<style lang="scss" scoped>
+.card-title {
+    font-size: 1rem;
+}
+.info-box {
+    @media (min-width: 576px) {
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+    @media (min-width: 768px) {
+        flex: 0 0 50%;
+        max-width: 50%;
+    }
+    @media (min-width: 1024px) {
+        flex: 0 0 33%;
+        max-width: 33%;
+    }
+}
+</style>