@burh/nuxt-core 1.0.464 → 1.0.465

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

@@ -101,11 +101,11 @@
 							<button
 								v-if="buttons.id != 8"
 								role="button"
-								class="tag tag-outline-primary d-block w-100 buttons"
+								class="tag tag-outline-primary-teste-online d-block w-100 buttons"
 								:value="buttons.value"
 								:class="
 									buttons.id == currentSelectedButton
-										? 'active'
+										? 'active-teste-online'
 										: ''
 								"
 								@click="timeSelection(buttons.id)"
@@ -125,7 +125,7 @@
 									class="fas fa-check mr-1"
 									:class="[currentSelectedButton == 8 ? 'custom-icon': 'custom-time-icon']"
 								></i>
-								<!-- <div v-if="buttons.id == 8" @click="setInitValue(buttons.id)">
+								<div v-if="buttons.id == 8" @click="setInitValue(buttons.id)">
 									<el-time-picker
 										format="HH:mm:ss"
 										value-format="HH:mm:ss"
@@ -133,9 +133,9 @@
 										@change="setValueChange()"
 										:class="currentSelectedButton == buttons.id ? 'active-custom': 'not-active-custom' "
 										class="w-100"
-										placeholder="Outro">
-									</el-time-picker>
-								</div> -->
+										placeholder="Tempo personalizado"
+									/>
+								</div>
 							</div>
 						</div>
 						<div v-else-if="!haveCustomTime">
@@ -186,6 +186,11 @@
 import { mask } from 'vue-the-mask';
 import swal from 'sweetalert2';
 import { Select, Option, TimePicker } from 'element-ui';
+import lang from 'element-ui/lib/locale/lang/pt-br';
+import locale from 'element-ui/lib/locale';
+
+locale.use(lang);
+
 export default {
 	components: {
 		[Select.name]: Select,
@@ -462,6 +467,24 @@ export default {
 <style lang="scss">
 @import 'node_modules/@burh/nuxt-core/assets/sass/burh-ds/variables/_colors.scss';
 
+.el-time-panel{
+    width: 161px;
+    .el-scrollbar__view:not(.el-autocomplete-suggestion__list) {
+        border: 1px solid #fff;
+        border-radius: 0.25rem;
+    }
+    .el-time-panel__btn.cancel{
+        display: none;
+    }
+    .el-time-panel__btn.confirm {
+        font-weight: 200;
+        color: #00B388;
+    }
+    .el-scrollbar__wrap{
+        margin-bottom:  0 !important;
+        overflow-x: hidden;
+    }
+}
 .fixed-button {
     .btn {
         font-size: 0.775rem;
@@ -505,6 +528,30 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
+.tag-outline-primary-teste-online:active{
+	background-color: #00b388;
+	color: #fff;
+	border: #00b388;
+	height: 51.39px;
+}
+.tag-outline-primary-teste-online{
+	background-color: #fff;
+	color: #00b388;
+	border: 2px solid #00b388;
+	height: 51.39px;
+}
+.active-teste-online{
+	background-color: #00b388;
+	color: #fff;
+	border: #00b388;
+	height: 51.39px;
+	i{
+		color:#fff;
+	}
+	small{
+		color: #fff;
+	}
+}
 .custom-time::placeholder{
     font-size: 80%;
     color:#00b388;
@@ -528,7 +575,7 @@ export default {
         position:absolute;
         top:1rem;
         z-index: 3;
-        left:2rem;
+        left:1.5rem;
         color:#fff;
     }
 }
@@ -549,13 +596,13 @@ export default {
     }
     .el-input__prefix{
         .el-icon-time:before{
-            color:#fff;
+           display: none;
         }
     }
     .el-input__suffix{
         .el-input__suffix-inner{
             .el-icon-circle-close{
-                color:#fff;
+               display: none;
             }
         }
     }
@@ -568,22 +615,30 @@ export default {
         border: 2px solid #00b388;
         display: block;
         height: 51.39px;
+				font-size: 0.8rem;
+				padding: 0;
         color:#00b388;
         text-align: center;
         &::placeholder{
             color:#00b388;
         }
+        &:hover{
+            border: 2px solid #00b388;
+            background-color: #00b388;
+            &::placeholder{
+                color:#fff;
+            }
+        }
     }
     .el-input__prefix{
         .el-icon-time:before{
-            position: relative;
-            color:#00b388;
+            display: none;
         }
     }
     .el-input__suffix{
         .el-input__suffix-inner{
             .el-icon-circle-close{
-                color:#00b388;
+              display: none;
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@burh/nuxt-core",
-    "version": "1.0.464",
+    "version": "1.0.465",
     "description": "Design System and Components.",
     "author": "Burh",
     "scripts": {

package/plugins/dashboard/dashboard-plugin.js

@@ -9,11 +9,13 @@ import VeeValidate from 'vee-validate';
 import SideBar from '~/components/argon-core/SidebarPlugin';
 import Vue from 'vue';
 // element ui language configuration
-import lang from 'element-ui/lib/locale/lang/en';
+import lang from 'element-ui/lib/locale/lang/pt-br';
 import locale from 'element-ui/lib/locale';
+
+locale.use(lang);
+
 import './globalDirectives';
 import './globalComponents';
-locale.use(lang);
 
 Vue.use(SideBar);
 Vue.use(Notifications);

package/plugins/dashboard/globalComponents.js

@@ -16,14 +16,8 @@ import RouteBreadcrumb from '~/components/argon-core/Breadcrumb/RouteBreadcrumb'
 import StatsCard from '~/components/argon-core/Cards/StatsCard.vue';
 import ImageWithFallback from '@/components/burh-ds/Img/ImageWithFallback.vue';
 import { Input, Tooltip, Popover } from 'element-ui';
-
-import lang from 'element-ui/lib/locale/lang/pt-br';
-import locale from 'element-ui/lib/locale';
-
 import Vue from 'vue';
 
-locale.use(lang);
-
 /**
  * You can register global components here and use them as a plugin in your main Vue instance
  */