@nixweb/nixloc-ui 0.0.73 → 0.0.74

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/component/forms/Botao.vue +2 -2
  3. package/src/component/layout/Menu.vue +32 -16
  4. package/src/component/layout/Painel.vue +10 -6
  5. package/src/component/shared/Tabela.vue +3 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nixweb/nixloc-ui",
3
- "version": "0.0.73",
3
+ "version": "0.0.74",
4
4
  "description": "Componentes UI",
5
5
  "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
6
  "private": false,
package/src/component/forms/Botao.vue CHANGED
@@ -81,8 +81,8 @@ export default {
81
81
  cursor: pointer;
82
82
  border: none;
83
83
  border-radius: 40px !important;
84
- font-size: 13px !important;
85
- font-weight: 400;
84
+ font-size: 16px !important;
85
+ font-weight: normal;
86
86
  font-style: normal !important;
87
87
  letter-spacing: 1px !important;
88
88
  -webkit-box-shadow: 0px 10px 20px -6px rgb(0 0 0 / 12%);
package/src/component/layout/Menu.vue CHANGED
@@ -1,5 +1,9 @@
1
1
  <template>
2
- <div class="menu-container">
2
+ <div
3
+ class="menu-container"
4
+ :class="{ 'menu-aberto': subMenuPrimeiroNivel }"
5
+ style="z-index: 1000"
6
+ >
3
7
  <ul class="menu">
4
8
  <li>
5
9
  <a
@@ -10,7 +14,7 @@
10
14
  <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
11
15
  <i class="fas fa-chart-area icone" aria-hidden="true"></i>
12
16
  </div>
13
- <div class="lado-a-lado titulo">Dashboard</div>
17
+ <!-- <div class="lado-a-lado titulo">Dashboard</div>-->
14
18
  </a>
15
19
  </li>
16
20
 
@@ -23,25 +27,24 @@
23
27
  <div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
24
28
  <i :class="item.icone" class="icone" aria-hidden="true"></i>
25
29
  </div>
26
- <div class="lado-a-lado titulo">{{ item.modulo }}</div>
27
- <div class="lado-a-lado seta menu__arrow-icon">
30
+ <!-- <div class="lado-a-lado titulo">{{ item.modulo }}</div> -->
31
+ <!-- <div class="lado-a-lado seta menu__arrow-icon">
28
32
  <i class="fa fa-chevron-right" aria-hidden="true"></i>
29
- </div>
33
+ </div> -->
30
34
  </a>
31
35
  </li>
32
36
  </ul>
33
37
 
34
38
  <transition name="slide-fade">
35
- <div class="context-menu-container" v-show="subMenuPrimeiroNivel">
39
+ <div class="context-menu-container" v-if="subMenuPrimeiroNivel">
36
40
  <ul class="context-menu">
37
41
  <li v-for="(item, index) in subMenuFiltro(false)" :key="index">
38
42
  <h5 v-if="item.tipo === 'grupo'" class="context-menu__title">
39
- <i :class="item.icone" aria-hidden="true"></i>
40
- {{ item.grupoNome }}
43
+ <span class="sub-titulo"> {{ item.grupoNome }}</span>
41
44
  <span
42
45
  v-if="index === 0"
43
46
  @click.prevent="fecharSubMenu"
44
- class="context-menu__btn-close"
47
+ class="context-menu__btn-close icone-fechar"
45
48
  href="#"
46
49
  >
47
50
  <i class="fas fa-times-circle"></i>
@@ -130,23 +133,36 @@ export default {
130
133
  </script>
131
134
 
132
135
  <style scoped>
136
+ .menu-aberto {
137
+ width: 277px;
138
+ }
139
+
133
140
  .div-icone {
134
- width: 30px;
135
- height: 30px;
141
+ width: 35px;
142
+ height: 35px;
136
143
  text-align: center;
137
- padding-top: 3px;
138
- border-radius: 8px;
144
+ padding-top: 5px;
145
+ border-radius: 10px;
146
+ }
147
+
148
+ .icone-fechar{
149
+ margin-right: 30px;
139
150
  }
140
151
 
152
+
141
153
  .icone {
142
154
  color: white;
143
- font-size: 16px;
155
+ font-size: 18px;
144
156
  }
145
157
 
146
158
  .titulo {
147
159
  margin-left: 15px;
148
- font-size: 14px;
160
+ font-size: 15px;
161
+ font-weight: normal;
149
162
  }
150
163
 
151
-
164
+ .sub-titulo {
165
+ font-size: 16px;
166
+ font-weight: normal;
167
+ }
152
168
  </style>
package/src/component/layout/Painel.vue CHANGED
@@ -13,8 +13,7 @@
13
13
  <div class="row">
14
14
  <div class="col-10">
15
15
  <div class="div-titulo">
16
- <i class="fas fa-arrow-circle-right"></i>
17
- <span class="modulo"> {{ modulo }} </span> /
16
+ <span class="modulo"> {{ modulo }} /</span>
18
17
  <span class="titulo"> {{ titulo }}</span>
19
18
  </div>
20
19
  </div>
@@ -97,7 +96,7 @@ export default {
97
96
  <style scoped>
98
97
  .c-container {
99
98
  margin: auto;
100
- padding-left: 240px;
99
+ padding-left: 80px;
101
100
  padding-right: 30px;
102
101
  max-width: 1400px;
103
102
  }
@@ -106,10 +105,15 @@ export default {
106
105
  margin-top: 15px;
107
106
  }
108
107
 
108
+ .modulo {
109
+ font-size: 22px;
110
+ font-weight: 300;
111
+ }
112
+
109
113
  .titulo {
110
- font-size: 16px;
111
- font-weight: bold;
112
- margin-top: 16px;
114
+ font-size: 24px;
115
+ font-weight: normal;
116
+ line-height: 34px;
113
117
  color: #577696;
114
118
  }
115
119
 
package/src/component/shared/Tabela.vue CHANGED
@@ -215,9 +215,9 @@ table tbody tr td {
215
215
  }
216
216
 
217
217
  .titulo-cabecalho {
218
- font-size: 15px;
218
+ font-size: 18px;
219
219
  color: #757d8c;
220
- font-weight: bold;
220
+ font-weight: 500;
221
221
  }
222
222
 
223
223
  .tabela-numero {
@@ -226,8 +226,7 @@ table tbody tr td {
226
226
  }
227
227
 
228
228
  .tabela-principal {
229
- font-size: 14px;
230
- color: #577696;
229
+ color: #757d8c;
231
230
  max-width: 200px;
232
231
  }
233
232