@nixweb/nixloc-ui 0.0.75 → 0.0.78
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.
package/package.json
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
class="menu-container"
|
|
4
|
-
:class="{ 'menu-aberto': subMenuPrimeiroNivel }"
|
|
5
|
-
style="z-index: 1000"
|
|
6
|
-
>
|
|
2
|
+
<div class="menu-container" :class="{ 'menu-aberto': subMenuPrimeiroNivel }">
|
|
7
3
|
<ul class="menu">
|
|
8
4
|
<li>
|
|
9
5
|
<a
|
|
@@ -14,7 +10,7 @@
|
|
|
14
10
|
<div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
|
|
15
11
|
<i class="fas fa-chart-area icone" aria-hidden="true"></i>
|
|
16
12
|
</div>
|
|
17
|
-
|
|
13
|
+
<div class="lado-a-lado titulo">Dashboard</div>
|
|
18
14
|
</a>
|
|
19
15
|
</li>
|
|
20
16
|
|
|
@@ -27,10 +23,10 @@
|
|
|
27
23
|
<div class="div-icone lado-a-lado" :style="'background-color:' + corBase">
|
|
28
24
|
<i :class="item.icone" class="icone" aria-hidden="true"></i>
|
|
29
25
|
</div>
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
<div class="lado-a-lado titulo">{{ item.modulo }}</div>
|
|
27
|
+
<div class="lado-a-lado seta menu__arrow-icon">
|
|
32
28
|
<i class="fa fa-chevron-right" aria-hidden="true"></i>
|
|
33
|
-
</div>
|
|
29
|
+
</div>
|
|
34
30
|
</a>
|
|
35
31
|
</li>
|
|
36
32
|
</ul>
|
|
@@ -57,7 +53,12 @@
|
|
|
57
53
|
@click.prevent="navegarPara(item.nomeRota)"
|
|
58
54
|
:class="classeSubMenu(item.titulo)"
|
|
59
55
|
>
|
|
60
|
-
|
|
56
|
+
<b-row>
|
|
57
|
+
<b-col sm="1"> <i :class="item.icone" aria-hidden="true"></i></b-col>
|
|
58
|
+
<b-col sm="10">
|
|
59
|
+
<span class="titulo-sub"> {{ item.titulo }}</span></b-col
|
|
60
|
+
></b-row
|
|
61
|
+
>
|
|
61
62
|
</a>
|
|
62
63
|
</li>
|
|
63
64
|
</ul>
|
|
@@ -135,6 +136,7 @@ export default {
|
|
|
135
136
|
<style scoped>
|
|
136
137
|
.menu-aberto {
|
|
137
138
|
width: 277px;
|
|
139
|
+
z-index: 1000;
|
|
138
140
|
}
|
|
139
141
|
|
|
140
142
|
.div-icone {
|
|
@@ -145,24 +147,28 @@ export default {
|
|
|
145
147
|
border-radius: 10px;
|
|
146
148
|
}
|
|
147
149
|
|
|
148
|
-
.icone-fechar{
|
|
150
|
+
.icone-fechar {
|
|
149
151
|
margin-right: 30px;
|
|
150
152
|
}
|
|
151
153
|
|
|
152
|
-
|
|
153
154
|
.icone {
|
|
154
155
|
color: white;
|
|
155
156
|
font-size: 18px;
|
|
156
157
|
}
|
|
157
158
|
|
|
158
159
|
.titulo {
|
|
159
|
-
margin-left:
|
|
160
|
-
font-size:
|
|
161
|
-
font-weight:
|
|
160
|
+
margin-left: 14px;
|
|
161
|
+
font-size: 14px;
|
|
162
|
+
font-weight: 400;
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.titulo-sub {
|
|
166
|
+
margin-left: 5px;
|
|
167
|
+
font-weight: 300;
|
|
162
168
|
}
|
|
163
169
|
|
|
164
170
|
.sub-titulo {
|
|
165
|
-
font-size:
|
|
171
|
+
font-size: 18px;
|
|
166
172
|
font-weight: normal;
|
|
167
173
|
}
|
|
168
174
|
</style>
|
|
@@ -13,7 +13,9 @@
|
|
|
13
13
|
<div class="row">
|
|
14
14
|
<div class="col-10">
|
|
15
15
|
<div class="div-titulo">
|
|
16
|
-
<span class="modulo">
|
|
16
|
+
<span class="modulo">
|
|
17
|
+
<span class="icone"><i class="fas fa-compass"></i></span> {{ modulo }} |</span
|
|
18
|
+
>
|
|
17
19
|
<span class="titulo"> {{ titulo }}</span>
|
|
18
20
|
</div>
|
|
19
21
|
</div>
|
|
@@ -96,7 +98,7 @@ export default {
|
|
|
96
98
|
<style scoped>
|
|
97
99
|
.c-container {
|
|
98
100
|
margin: auto;
|
|
99
|
-
padding-left:
|
|
101
|
+
padding-left: 235px;
|
|
100
102
|
padding-right: 30px;
|
|
101
103
|
max-width: 1400px;
|
|
102
104
|
}
|
|
@@ -106,17 +108,22 @@ export default {
|
|
|
106
108
|
}
|
|
107
109
|
|
|
108
110
|
.modulo {
|
|
109
|
-
font-size:
|
|
111
|
+
font-size: 16px;
|
|
110
112
|
font-weight: 300;
|
|
111
113
|
}
|
|
112
114
|
|
|
113
115
|
.titulo {
|
|
114
|
-
font-size:
|
|
115
|
-
font-weight:
|
|
116
|
+
font-size: 18px;
|
|
117
|
+
font-weight: 400;
|
|
116
118
|
line-height: 34px;
|
|
117
119
|
color: #577696;
|
|
118
120
|
}
|
|
119
121
|
|
|
122
|
+
.icone{
|
|
123
|
+
opacity: 0.8;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
|
|
120
127
|
.c-voltar {
|
|
121
128
|
margin-top: 20px;
|
|
122
129
|
margin-right: 12px;
|