@nixweb/nixloc-ui 0.0.171 → 0.0.172

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nixweb/nixloc-ui",
-  "version": "0.0.171",
+  "version": "0.0.172",
   "description": "Componentes UI",
   "author": "Fábio Ávila <fabio@nixweb.com.br>",
   "private": false,

package/src/component/forms/CheckboxSimple.vue

@@ -38,6 +38,9 @@ export default {
   methods: {
     ...mapMutations("validation", ["updateFormDirty"]),
   },
+  mounted() {
+    this.valueLocal = this.value;
+  },
   watch: {
     value() {
       this.valueLocal = this.value;

package/src/component/forms/ImageUpload.vue

@@ -233,7 +233,8 @@ export default {
 }
 
 .img-round {
-  border-radius: 50px;
+  border-radius: 100px;
+  margin-left: 15px;
 }
 
 .div-button {

package/src/component/forms/Select.vue

@@ -243,7 +243,7 @@ export default {
       this.hideVodal(this.nameNewRegister);
     },
     cleanSelect() {
-      let obj = { id: "", conteudo: "" };
+      let obj = { id: "", content: "" };
       this.currentValue = obj;
       this.$emit("input", obj);
       this.$refs.multiselect.deactivate();
@@ -295,7 +295,7 @@ export default {
     resetForm: {
       handler(form) {
         if (form.nome == this.formName) {
-          let obj = { id: "", conteudo: "" };
+          let obj = { id: "", content: "" };
           this.currentValue = obj;
           this.$emit("input", obj);
           this.formDirty = false;

package/src/component/forms/SideBar.vue

@@ -70,10 +70,27 @@ export default {
   border-radius: 15px 15px 0px 0px !important;
   margin-top: 20px !important;
   margin-right: 5% !important;
+  padding-top: 20px !important;
 }
 
 .b-sidebar > .b-sidebar-body {
-  overflow: hidden !important;
+  overflow-y: scroll !important;
+}
+
+.b-sidebar > .b-sidebar-body::-webkit-scrollbar-track {
+  background-color: white;
+  border-radius: 20px;
+}
+
+.b-sidebar > .b-sidebar-body::-webkit-scrollbar {
+  width: 6px;
+  background-color: #b9babb;
+  border-radius: 20px;
+}
+
+.b-sidebar > .b-sidebar-body::-webkit-scrollbar-thumb {
+  background-color: #b9babb;
+  border-radius: 20px;
 }
 
 .title-side-bar {

package/src/component/layout/ScrollBar.vue

@@ -2,9 +2,13 @@
   <div
     :id="id"
     class="scrollbar"
-    :style="'max-height:' + maxHeight + 'px' + ';' + 'min-height:' + minHeight + 'px'"
+    :style="
+      'max-height:' + maxHeight + 'px' + ';' + 'min-height:' + minHeight + 'px'
+    "
   >
-    <slot></slot>
+    <div id="scroll-bar">
+      <slot></slot>
+    </div>
   </div>
 </template>
 
@@ -23,7 +27,7 @@ export default {
     const listElm = document.querySelector("#" + this.id);
     if (listElm != null)
       listElm.addEventListener("scroll", (e) => {
-        if (listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {  
+        if (listElm.scrollTop + listElm.clientHeight >= listElm.scrollHeight) {
           if (this.endScrollBar) this.endScrollBar();
         }
       });
@@ -39,5 +43,4 @@ div {
   overflow-y: visible;
   overflow-x: hidden;
 }
-
 </style>