@mixd-id/web-scaffold 0.1.240411033 → 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
CHANGED
|
@@ -137,7 +137,8 @@ export default{
|
|
|
137
137
|
<style module>
|
|
138
138
|
|
|
139
139
|
.button{
|
|
140
|
-
@apply p-2 rounded-lg relative
|
|
140
|
+
@apply p-2 rounded-lg relative inline-flex flex-row items-center justify-center;
|
|
141
|
+
@apply whitespace-nowrap text-ellipsis overflow-hidden min-h-7;
|
|
141
142
|
@apply border-[1px];
|
|
142
143
|
@apply active:top-[1px] active:left-[1px] disabled:top-0 disabled:left-0;
|
|
143
144
|
@apply cursor-pointer disabled:cursor-not-allowed disabled:text-opacity-60;
|
|
@@ -145,9 +146,15 @@ export default{
|
|
|
145
146
|
.button:disabled svg{
|
|
146
147
|
@apply opacity-50;
|
|
147
148
|
}
|
|
149
|
+
.button:disabled>*{
|
|
150
|
+
@apply opacity-50;
|
|
151
|
+
}
|
|
148
152
|
.button-loading{
|
|
149
153
|
@apply !text-opacity-0;
|
|
150
154
|
}
|
|
155
|
+
.button-loading>*{
|
|
156
|
+
@apply !opacity-0;
|
|
157
|
+
}
|
|
151
158
|
.button-loading>label{
|
|
152
159
|
@apply hidden;
|
|
153
160
|
}
|
|
@@ -157,10 +164,15 @@ export default{
|
|
|
157
164
|
.spinner{
|
|
158
165
|
@apply absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center;
|
|
159
166
|
}
|
|
167
|
+
.button-loading .spinner{
|
|
168
|
+
@apply !opacity-100;
|
|
169
|
+
}
|
|
160
170
|
.spinner svg{
|
|
171
|
+
@apply !opacity-100;
|
|
161
172
|
@apply fill-text animate-spin w-5 h-5;
|
|
162
173
|
}
|
|
163
174
|
.svgBg{
|
|
175
|
+
@apply !opacity-100;
|
|
164
176
|
@apply stroke-text-50 fill-transparent;
|
|
165
177
|
}
|
|
166
178
|
|
|
@@ -168,13 +180,17 @@ export default{
|
|
|
168
180
|
@apply bg-primary border-primary text-white;
|
|
169
181
|
@apply hover:bg-primary-600 hover:border-primary-600 disabled:bg-primary;
|
|
170
182
|
}
|
|
183
|
+
.button-primary *{
|
|
184
|
+
@apply text-white fill-white;
|
|
185
|
+
}
|
|
171
186
|
.button-primary .svgBg{
|
|
187
|
+
@apply !fill-none;
|
|
172
188
|
stroke: #fff;
|
|
173
189
|
stroke-opacity: 25%;
|
|
174
190
|
}
|
|
175
191
|
.button-primary .svgHg {
|
|
176
192
|
fill: #fff;
|
|
177
|
-
fill-opacity:
|
|
193
|
+
fill-opacity: 750%;
|
|
178
194
|
}
|
|
179
195
|
|
|
180
196
|
.button-secondary{
|
|
@@ -245,7 +245,7 @@ export default {
|
|
|
245
245
|
|
|
246
246
|
.contextMenu{
|
|
247
247
|
@apply fixed bg-base-300 min-w-[150px] overflow-y-auto rounded-xl z-50;
|
|
248
|
-
@apply whitespace-nowrap shadow-2xl border-[1px] border-text-
|
|
248
|
+
@apply whitespace-nowrap shadow-2xl border-[1px] border-text-100 mt-[1px];
|
|
249
249
|
}
|
|
250
250
|
|
|
251
251
|
@media screen and (min-width: 640px){
|