quasar-ui-sellmate-ui-kit 3.5.4 → 3.5.5
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/dist/index.common.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +1 -1
- package/dist/index.rtl.css +1 -1
- package/dist/index.rtl.min.css +1 -1
- package/dist/index.umd.js +7 -5
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/SInputNumber.vue +23 -8
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<q-input
|
|
3
|
-
class="s-input-number
|
|
3
|
+
class="s-input-number"
|
|
4
4
|
v-model.number="inputNumberValue"
|
|
5
5
|
@update:modelValue="
|
|
6
6
|
value => {
|
|
@@ -11,6 +11,8 @@
|
|
|
11
11
|
type="number"
|
|
12
12
|
outlined
|
|
13
13
|
dense
|
|
14
|
+
no-error-icon
|
|
15
|
+
hide-bottom-space
|
|
14
16
|
>
|
|
15
17
|
<template v-slot:append v-if="!hideBtn">
|
|
16
18
|
<q-btn
|
|
@@ -86,27 +88,30 @@
|
|
|
86
88
|
@import '../css/quasar.variables.scss';
|
|
87
89
|
|
|
88
90
|
.s-input-number {
|
|
89
|
-
height:
|
|
91
|
+
height: auto;
|
|
90
92
|
min-width: 108px;
|
|
91
93
|
.q-field__inner {
|
|
92
94
|
.q-field__control {
|
|
95
|
+
background: white;
|
|
93
96
|
padding: 0;
|
|
94
|
-
height:
|
|
97
|
+
height: 28px;
|
|
98
|
+
&:before {
|
|
99
|
+
border: 1px solid $Grey_Lighten-1;
|
|
100
|
+
}
|
|
95
101
|
&-container {
|
|
96
102
|
padding: $with-icon-padding;
|
|
97
103
|
height: $default-height;
|
|
98
104
|
.q-field__native {
|
|
99
105
|
color: $Grey_Darken-4;
|
|
100
106
|
padding: 0;
|
|
101
|
-
font-
|
|
107
|
+
font-weight: $default-font-weight;
|
|
108
|
+
font-size: $default-font;
|
|
102
109
|
}
|
|
103
110
|
input::placeholder {
|
|
104
111
|
color: $Grey_Lighten-1;
|
|
105
112
|
}
|
|
106
113
|
}
|
|
107
|
-
|
|
108
|
-
border: 1px solid $Grey_Lighten-1;
|
|
109
|
-
}
|
|
114
|
+
|
|
110
115
|
.q-field__append {
|
|
111
116
|
height: 28px;
|
|
112
117
|
display: none;
|
|
@@ -123,7 +128,7 @@
|
|
|
123
128
|
height: 100%;
|
|
124
129
|
.q-icon {
|
|
125
130
|
color: $Grey_Default;
|
|
126
|
-
font-size:
|
|
131
|
+
font-size: $default-font;
|
|
127
132
|
}
|
|
128
133
|
}
|
|
129
134
|
&:first-of-type {
|
|
@@ -132,6 +137,16 @@
|
|
|
132
137
|
}
|
|
133
138
|
}
|
|
134
139
|
}
|
|
140
|
+
.q-field__bottom {
|
|
141
|
+
padding: 8px 0px 0px 0px;
|
|
142
|
+
color: $Grey_Darken-1;
|
|
143
|
+
font-size: $default-font;
|
|
144
|
+
.q-field__messages {
|
|
145
|
+
div[role='alert'] {
|
|
146
|
+
color: $Red_Lighten-1;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
}
|
|
135
150
|
}
|
|
136
151
|
}
|
|
137
152
|
.q-field--focused.s-input-number {
|