@nixweb/nixloc-ui 0.0.167 → 0.0.168
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 +1 -1
- package/src/component/forms/Button.vue +1 -2
- package/src/component/forms/DateTime.vue +5 -0
- package/src/component/forms/InputDecimal.vue +6 -0
- package/src/component/forms/InputNumber.vue +7 -0
- package/src/component/forms/InputPassword.vue +22 -2
- package/src/component/forms/InputText.vue +13 -1
- package/src/component/forms/RadioGroup.vue +7 -1
- package/src/component/forms/Select.vue +7 -0
- package/src/component/forms/SelectStatic.vue +7 -0
- package/src/component/layout/Menu.vue +1 -1
- package/src/component/layout/Panel.vue +6 -5
- package/src/component/rental/DisplayTotalization.vue +1 -0
- package/src/component/shared/Table.vue +2 -1
package/package.json
CHANGED
|
@@ -141,6 +141,12 @@ export default {
|
|
|
141
141
|
</script>
|
|
142
142
|
|
|
143
143
|
<style scoped>
|
|
144
|
+
.title {
|
|
145
|
+
font-size: 14px !important;
|
|
146
|
+
font-weight: 400 !important;
|
|
147
|
+
color: #0a0a0a;
|
|
148
|
+
letter-spacing: 0.5px !important;
|
|
149
|
+
}
|
|
144
150
|
.success {
|
|
145
151
|
color: #94aa2a;
|
|
146
152
|
font-size: 14px;
|
|
@@ -146,6 +146,13 @@ export default {
|
|
|
146
146
|
</script>
|
|
147
147
|
|
|
148
148
|
<style scoped>
|
|
149
|
+
.title {
|
|
150
|
+
font-size: 14px !important;
|
|
151
|
+
font-weight: 400 !important;
|
|
152
|
+
color: #0a0a0a;
|
|
153
|
+
letter-spacing: 0.5px !important;
|
|
154
|
+
}
|
|
155
|
+
|
|
149
156
|
.success {
|
|
150
157
|
color: #94aa2a;
|
|
151
158
|
font-size: 14px;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<slot v-else></slot>
|
|
14
14
|
<input
|
|
15
15
|
type="password"
|
|
16
|
-
:placeholder="
|
|
16
|
+
:placeholder="titlePlaceholder"
|
|
17
17
|
v-mask="mask || withoutMask"
|
|
18
18
|
v-bind:value="value"
|
|
19
19
|
v-on:input="$emit('input', $event.target.value)"
|
|
@@ -64,7 +64,11 @@ export default {
|
|
|
64
64
|
this.validate();
|
|
65
65
|
},
|
|
66
66
|
methods: {
|
|
67
|
-
...mapMutations("validation", [
|
|
67
|
+
...mapMutations("validation", [
|
|
68
|
+
"addValidation",
|
|
69
|
+
"removeValidation",
|
|
70
|
+
"updateFormDirty",
|
|
71
|
+
]),
|
|
68
72
|
validate() {
|
|
69
73
|
this.notifications = [];
|
|
70
74
|
|
|
@@ -83,6 +87,9 @@ export default {
|
|
|
83
87
|
},
|
|
84
88
|
computed: {
|
|
85
89
|
...mapState("validation", ["resetForm", "validations"]),
|
|
90
|
+
titlePlaceholder() {
|
|
91
|
+
return "Digite a " + this.title;
|
|
92
|
+
},
|
|
86
93
|
},
|
|
87
94
|
watch: {
|
|
88
95
|
value() {
|
|
@@ -120,6 +127,19 @@ export default {
|
|
|
120
127
|
</script>
|
|
121
128
|
|
|
122
129
|
<style scoped>
|
|
130
|
+
.title {
|
|
131
|
+
font-size: 14px !important;
|
|
132
|
+
font-weight: 400 !important;
|
|
133
|
+
color: #0a0a0a;
|
|
134
|
+
letter-spacing: 0.5px !important;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
input::placeholder {
|
|
138
|
+
font-weight: 300 !important;
|
|
139
|
+
opacity: 0.5;
|
|
140
|
+
color: #969595;
|
|
141
|
+
}
|
|
142
|
+
|
|
123
143
|
.success {
|
|
124
144
|
color: #94aa2a;
|
|
125
145
|
font-size: 14px;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
<input
|
|
18
18
|
type="text"
|
|
19
19
|
:style="_style"
|
|
20
|
-
:placeholder="
|
|
20
|
+
:placeholder="titlePlaceholder"
|
|
21
21
|
:disabled="disabled"
|
|
22
22
|
@keyup.enter.prevent="pressedEnter"
|
|
23
23
|
@keyup="cleanedField"
|
|
@@ -112,6 +112,9 @@ export default {
|
|
|
112
112
|
},
|
|
113
113
|
computed: {
|
|
114
114
|
...mapState("validation", ["resetForm", "validations"]),
|
|
115
|
+
titlePlaceholder() {
|
|
116
|
+
return "Digite o " + this.title;
|
|
117
|
+
},
|
|
115
118
|
},
|
|
116
119
|
watch: {
|
|
117
120
|
value() {
|
|
@@ -153,6 +156,15 @@ export default {
|
|
|
153
156
|
<style scoped>
|
|
154
157
|
.title {
|
|
155
158
|
font-size: 14px !important;
|
|
159
|
+
font-weight: 400 !important;
|
|
160
|
+
color: #0a0a0a;
|
|
161
|
+
letter-spacing: 0.5px !important;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
input::placeholder {
|
|
165
|
+
font-weight: 300 !important;
|
|
166
|
+
opacity: 0.5;
|
|
167
|
+
color: #969595;
|
|
156
168
|
}
|
|
157
169
|
|
|
158
170
|
.class-icon-title {
|
|
@@ -43,7 +43,13 @@ export default {
|
|
|
43
43
|
},
|
|
44
44
|
};
|
|
45
45
|
</script>
|
|
46
|
-
<style
|
|
46
|
+
<style>
|
|
47
|
+
.custom-control-label {
|
|
48
|
+
font-size: 13px !important;
|
|
49
|
+
font-weight: 400 !important;
|
|
50
|
+
text-transform: uppercase;
|
|
51
|
+
color: #778498;
|
|
52
|
+
}
|
|
47
53
|
.options {
|
|
48
54
|
margin-top: 5px;
|
|
49
55
|
}
|
|
@@ -305,6 +305,13 @@ export default {
|
|
|
305
305
|
</script>
|
|
306
306
|
|
|
307
307
|
<style scoped>
|
|
308
|
+
.title {
|
|
309
|
+
font-size: 14px !important;
|
|
310
|
+
font-weight: 400 !important;
|
|
311
|
+
color: #0a0a0a;
|
|
312
|
+
letter-spacing: 0.5px !important;
|
|
313
|
+
}
|
|
314
|
+
|
|
308
315
|
.margin {
|
|
309
316
|
margin-bottom: 10px;
|
|
310
317
|
}
|
|
@@ -111,6 +111,13 @@ export default {
|
|
|
111
111
|
</script>
|
|
112
112
|
|
|
113
113
|
<style scoped>
|
|
114
|
+
.title {
|
|
115
|
+
font-size: 14px !important;
|
|
116
|
+
font-weight: 400 !important;
|
|
117
|
+
color: #0a0a0a;
|
|
118
|
+
letter-spacing: 0.5px !important;
|
|
119
|
+
}
|
|
120
|
+
|
|
114
121
|
div.before-list {
|
|
115
122
|
padding: 8px;
|
|
116
123
|
}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
<div class="col-10">
|
|
15
15
|
<div class="div-title">
|
|
16
16
|
<span class="module">
|
|
17
|
-
<span class="icon"><i class="fas fa-compass"></i></span>
|
|
17
|
+
<span class="icon-panel"><i class="fas fa-compass"></i></span>
|
|
18
18
|
{{ module }} <span v-if="title">|</span></span
|
|
19
19
|
>
|
|
20
20
|
<span class="title"> {{ title }}</span>
|
|
@@ -111,16 +111,17 @@ export default {
|
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
.module {
|
|
114
|
-
font-size:
|
|
114
|
+
font-size: 17px;
|
|
115
115
|
font-weight: 400;
|
|
116
|
+
color: #aaaebb;
|
|
116
117
|
}
|
|
117
118
|
|
|
118
119
|
.title {
|
|
119
|
-
font-size:
|
|
120
|
-
font-weight:
|
|
120
|
+
font-size: 20px;
|
|
121
|
+
font-weight: 500;
|
|
121
122
|
}
|
|
122
123
|
|
|
123
|
-
.icon {
|
|
124
|
+
.icon-panel {
|
|
124
125
|
opacity: 0.8;
|
|
125
126
|
font-size: 20px;
|
|
126
127
|
}
|