@nixweb/nixloc-ui 0.0.166 → 0.0.167

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,6 +1,6 @@
1
1
  {
2
2
  "name": "@nixweb/nixloc-ui",
3
- "version": "0.0.166",
3
+ "version": "0.0.167",
4
4
  "description": "Componentes UI",
5
5
  "author": "Fábio Ávila <fabio@nixweb.com.br>",
6
6
  "private": false,
@@ -36,7 +36,7 @@
36
36
  @click="execute(item.eventName)"
37
37
  >
38
38
  <b-row>
39
- <b-col sm="1">
39
+ <b-col sm="2">
40
40
  <i :class="item.classIcon"></i>
41
41
  </b-col>
42
42
  <b-col sm="10">
@@ -143,7 +143,7 @@ export default {
143
143
  margin-top: 1px;
144
144
  background-color: #ffffff;
145
145
  border-radius: 15px;
146
- min-width: 250px;
146
+ min-width: 270px;
147
147
  z-index: 1000;
148
148
  }
149
149
 
@@ -22,6 +22,7 @@
22
22
  :disabled="disabled"
23
23
  currency="R$"
24
24
  separator="."
25
+ :minus="allowNegative"
25
26
  v-bind:precision="2"
26
27
  v-model="valueLocal"
27
28
  ></vue-numeric>
@@ -55,6 +56,10 @@ export default {
55
56
  type: Boolean,
56
57
  default: true,
57
58
  },
59
+ allowNegative: {
60
+ type: Boolean,
61
+ default: false,
62
+ },
58
63
  required: Boolean,
59
64
  value: Number,
60
65
  enter: Function,
@@ -20,9 +20,10 @@
20
20
  <span class="title"> {{ title }}</span>
21
21
  </div>
22
22
  </div>
23
- <div class="col-2 text-right" v-show="currentRoute != 'Dashboard'">
24
- <div class="c-back" @click="back()">
25
- <span class="g-espaco-esquerda">Voltar</span>
23
+ <div class="col-2" v-if="currentRoute != 'dashboard'">
24
+ <div class="div-back text-right" @click="back()">
25
+ <i class="fa-solid fa-angle-left"></i>
26
+ <span> Voltar</span>
26
27
  </div>
27
28
  </div>
28
29
  </div>
@@ -54,6 +55,7 @@ import Messages from "../shared/Messages.vue";
54
55
  import Search from "../shared/Search.vue";
55
56
  import Loading from "../shared/Loading.vue";
56
57
  import VerticalFilter from "../shared/VerticalFilter";
58
+ import Molded from "@nixweb/nixloc-ui/src/component/layout/Molded";
57
59
 
58
60
  import { mapState, mapGetters, mapMutations } from "vuex";
59
61
 
@@ -65,6 +67,7 @@ export default {
65
67
  Search,
66
68
  Messages,
67
69
  Toast,
70
+ Molded,
68
71
  },
69
72
  props: {
70
73
  module: String,
@@ -139,4 +142,17 @@ export default {
139
142
  padding-right: 30px;
140
143
  padding-left: 20px;
141
144
  }
145
+
146
+ .div-back {
147
+ margin-top: 15px;
148
+ font-size: 15px;
149
+ cursor: pointer;
150
+ padding: 10px;
151
+ padding-top: 6px;
152
+ padding-left: 10px;
153
+ padding-right: 30px;
154
+ font-weight: 400;
155
+ color: #3d52a9;
156
+ width: 200px;
157
+ }
142
158
  </style>
@@ -52,5 +52,6 @@ export default {
52
52
  padding-left: 10px;
53
53
  font-size: 18px;
54
54
  font-weight: 700;
55
+ font-family: "inter", sans-serif !important;
55
56
  }
56
57
  </style>
@@ -2,13 +2,24 @@
2
2
  <div>
3
3
  <b-pagination
4
4
  v-model="pagination(_key).currentPage"
5
- prev-text="Anterior"
6
- next-text="Próximo"
7
5
  align="right"
8
6
  :hide-goto-end-buttons="true"
9
7
  :per-page="pagination(_key).totalPerPage"
10
8
  :total-rows="totalRecords"
11
- ></b-pagination>
9
+ >
10
+ <template #first-text>
11
+ <i class="fa-regular fa-chevron-left"></i>
12
+ </template>
13
+ <template #prev-text>
14
+ <i class="fa-regular fa-chevron-left"></i>
15
+ </template>
16
+ <template #next-text>
17
+ <i class="fa-regular fa-chevron-right"></i>
18
+ </template>
19
+ <template #last-text>
20
+ <i class="fa-regular fa-chevron-right"></i>
21
+ </template>
22
+ </b-pagination>
12
23
  </div>
13
24
  </template>
14
25
 
@@ -39,14 +50,27 @@ export default {
39
50
 
40
51
  <style>
41
52
  .page-item {
42
- font-size: 13px !important;
53
+ font-size: 15px !important;
54
+ border: 0px solid !important;
55
+ width: 50px !important;
56
+ font-weight: 700 !important;
43
57
  }
44
58
 
45
59
  .page-item.active .page-link {
46
- font-size: 13px !important;
47
60
  z-index: 3 !important;
48
- color: #fff !important;
49
- background-color: #d98621 !important;
50
- border-color: #d98621 !important;
61
+ color: black !important;
62
+ background-color: #ECECEC !important;
63
+ border-radius: 50px !important;
64
+ width: 37px !important;
65
+ height: 37px !important;
51
66
  }
67
+
68
+ .page-link {
69
+ color: #6c757d !important;
70
+ border: 0px solid #dee2e6 !important;
71
+ border-radius: 50px !important;
72
+ width: 37px !important;
73
+ height: 37px !important;
74
+ }
75
+
52
76
  </style>
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="div-main text-center">
2
+ <div class="div-main" :class="alignment">
3
3
  <div class="title" :style="'font-size:' + titleSize + 'px;'">
4
4
  {{ title }}
5
5
  </div>
@@ -62,6 +62,7 @@ export default {
62
62
  buttonClassIcon: String,
63
63
  showButtonNext: { type: Boolean, default: true },
64
64
  size: { type: String, default: "medium" },
65
+ alignment: { type: String, default: "text-center" },
65
66
  width: Number,
66
67
  height: Number,
67
68
  options: Array,
@@ -132,11 +132,6 @@ table tbody tr td {
132
132
  border-bottom: 0px !important;
133
133
  }
134
134
 
135
- .table thead tr {
136
- background-color: #FAFAFC !important;
137
-
138
- }
139
-
140
135
  .td-checkbox {
141
136
  width: 30px;
142
137
  }