@mixd-id/web-scaffold 0.1.240411034 → 0.1.240411035
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/components/Button.vue +15 -3
package/package.json
CHANGED
|
@@ -146,9 +146,15 @@ export default{
|
|
|
146
146
|
.button:disabled svg{
|
|
147
147
|
@apply opacity-50;
|
|
148
148
|
}
|
|
149
|
+
.button:disabled>*{
|
|
150
|
+
@apply opacity-50;
|
|
151
|
+
}
|
|
149
152
|
.button-loading{
|
|
150
153
|
@apply !text-opacity-0;
|
|
151
154
|
}
|
|
155
|
+
.button-loading>*{
|
|
156
|
+
@apply !opacity-0;
|
|
157
|
+
}
|
|
152
158
|
.button-loading>label{
|
|
153
159
|
@apply hidden;
|
|
154
160
|
}
|
|
@@ -158,10 +164,15 @@ export default{
|
|
|
158
164
|
.spinner{
|
|
159
165
|
@apply absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center;
|
|
160
166
|
}
|
|
167
|
+
.button-loading .spinner{
|
|
168
|
+
@apply !opacity-100;
|
|
169
|
+
}
|
|
161
170
|
.spinner svg{
|
|
171
|
+
@apply !opacity-100;
|
|
162
172
|
@apply fill-text animate-spin w-5 h-5;
|
|
163
173
|
}
|
|
164
174
|
.svgBg{
|
|
175
|
+
@apply !opacity-100;
|
|
165
176
|
@apply stroke-text-50 fill-transparent;
|
|
166
177
|
}
|
|
167
178
|
|
|
@@ -169,16 +180,17 @@ export default{
|
|
|
169
180
|
@apply bg-primary border-primary text-white;
|
|
170
181
|
@apply hover:bg-primary-600 hover:border-primary-600 disabled:bg-primary;
|
|
171
182
|
}
|
|
172
|
-
.button-primary
|
|
173
|
-
@apply fill-
|
|
183
|
+
.button-primary *{
|
|
184
|
+
@apply text-white fill-white;
|
|
174
185
|
}
|
|
175
186
|
.button-primary .svgBg{
|
|
187
|
+
@apply !fill-none;
|
|
176
188
|
stroke: #fff;
|
|
177
189
|
stroke-opacity: 25%;
|
|
178
190
|
}
|
|
179
191
|
.button-primary .svgHg {
|
|
180
192
|
fill: #fff;
|
|
181
|
-
fill-opacity:
|
|
193
|
+
fill-opacity: 750%;
|
|
182
194
|
}
|
|
183
195
|
|
|
184
196
|
.button-secondary{
|