@nixweb/nixloc-ui 0.0.72 → 0.0.75

package/package.json

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

package/src/component/forms/Botao.vue

@@ -82,7 +82,7 @@ export default {
   border: none;
   border-radius: 40px !important;
   font-size: 13px !important;
-  font-weight: 400;
+  font-weight: normal;
   font-style: normal !important;
   letter-spacing: 1px !important;
   -webkit-box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);

package/src/component/layout/BarraFixa.vue

@@ -45,7 +45,7 @@ export default {
   overflow: hidden;
   z-index: 20;
   padding: 18px;
-  margin-left: 220px;
+  margin-left: 240px;
 }
 
 .tamanho {

package/src/component/layout/Menu.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="menu-container">
+  <div
+    class="menu-container"
+    :class="{ 'menu-aberto': subMenuPrimeiroNivel }"
+    style="z-index: 1000"
+  >
     <ul class="menu">
       <li>
         <a
@@ -10,7 +14,7 @@
           <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
             <i class="fas fa-chart-area icone" aria-hidden="true"></i>
           </div>
-          <div class="lado-a-lado titulo">Dashboard</div>
+          <!--  <div class="lado-a-lado titulo">Dashboard</div>-->
         </a>
       </li>
 
@@ -23,25 +27,24 @@
           <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
             <i :class="item.icone" class="icone" aria-hidden="true"></i>
           </div>
-          <div class="lado-a-lado titulo">{{ item.modulo }}</div>
-          <div class="lado-a-lado seta menu__arrow-icon">
+          <!--  <div class="lado-a-lado titulo">{{ item.modulo }}</div> -->
+          <!-- <div class="lado-a-lado seta menu__arrow-icon">
             <i class="fa fa-chevron-right" aria-hidden="true"></i>
-          </div>
+          </div> -->
         </a>
       </li>
     </ul>
 
     <transition name="slide-fade">
-      <div class="context-menu-container" v-show="subMenuPrimeiroNivel">
+      <div class="context-menu-container" v-if="subMenuPrimeiroNivel">
         <ul class="context-menu">
           <li v-for="(item, index) in subMenuFiltro(false)" :key="index">
             <h5 v-if="item.tipo === 'grupo'" class="context-menu__title">
-              <i :class="item.icone" aria-hidden="true"></i>
-              {{ item.grupoNome }}
+              <span class="sub-titulo"> {{ item.grupoNome }}</span>
               <span
                 v-if="index === 0"
                 @click.prevent="fecharSubMenu"
-                class="context-menu__btn-close"
+                class="context-menu__btn-close icone-fechar"
                 href="#"
               >
                 <i class="fas fa-times-circle"></i>
@@ -130,23 +133,36 @@ export default {
 </script>
 
 <style scoped>
+.menu-aberto {
+  width: 277px;
+}
+
 .div-icone {
-  width: 30px;
-  height: 30px;
+  width: 35px;
+  height: 35px;
   text-align: center;
-  padding-top: 3px;
-  border-radius: 8px;
+  padding-top: 5px;
+  border-radius: 10px;
+}
+
+.icone-fechar{
+  margin-right: 30px;
 }
 
+
 .icone {
   color: white;
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .titulo {
   margin-left: 15px;
-  font-size: 14px;
+  font-size: 15px;
+  font-weight: normal;
 }
 
-
+.sub-titulo {
+  font-size: 16px;
+  font-weight: normal;
+}
 </style>

package/src/component/layout/Painel.vue

@@ -13,8 +13,7 @@
         <div class="row">
           <div class="col-10">
             <div class="div-titulo">
-              <i class="fas fa-arrow-circle-right"></i>
-              <span class="modulo"> {{ modulo }} </span> /
+              <span class="modulo"> {{ modulo }} /</span>
               <span class="titulo"> {{ titulo }}</span>
             </div>
           </div>
@@ -97,7 +96,7 @@ export default {
 <style scoped>
 .c-container {
   margin: auto;
-  padding-left: 240px;
+  padding-left: 220px;
   padding-right: 30px;
   max-width: 1400px;
 }
@@ -106,10 +105,15 @@ export default {
   margin-top: 15px;
 }
 
+.modulo {
+  font-size: 18px;
+  font-weight: 300;
+}
+
 .titulo {
-  font-size: 16px;
-  font-weight: bold;
-  margin-top: 16px;
+  font-size: 20px;
+  font-weight: normal;
+  line-height: 34px;
   color: #577696;
 }
 

package/src/component/shared/Tabela.vue

@@ -215,9 +215,9 @@ table tbody tr td {
 }
 
 .titulo-cabecalho {
-  font-size: 15px;
+  font-size: 18px;
   color: #757d8c;
-  font-weight: bold;
+  font-weight: 500;
 }
 
 .tabela-numero {
@@ -226,8 +226,7 @@ table tbody tr td {
 }
 
 .tabela-principal {
-  font-size: 14px;
-  color: #577696;
+  color: #757d8c;
   max-width: 200px;
 }
 

package/src/store/modulos/generic.js

@@ -358,7 +358,7 @@ export default {
             let nome = params.obj.nome;
             let container = params.obj.container;
 
-            return axios.delete(`${url}?nome=${nome}?container=${container}`, {
+            return axios.delete(`${url}?nome=${nome}&container=${container}`, {
                 headers: new Token().tokenHeaders(),
             })
                 .then((response) => {