@mixd-id/web-scaffold 0.1.240411032 → 0.1.240411034
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
|
<template>
|
|
2
2
|
<button :class="compClass" @click="onClick" :style="computedStyle"
|
|
3
|
-
v-tooltip="disabledText" :disabled="isDisabled">
|
|
3
|
+
v-tooltip="disabledText" :disabled="isDisabled" :title="isLoading ? 1 : -1">
|
|
4
4
|
<slot>{{ text }}</slot>
|
|
5
5
|
<span v-if="isLoading" :class="$style.spinner">
|
|
6
6
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
|
|
@@ -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;
|
|
@@ -168,6 +169,9 @@ export default{
|
|
|
168
169
|
@apply bg-primary border-primary text-white;
|
|
169
170
|
@apply hover:bg-primary-600 hover:border-primary-600 disabled:bg-primary;
|
|
170
171
|
}
|
|
172
|
+
.button-primary svg{
|
|
173
|
+
@apply fill-text;
|
|
174
|
+
}
|
|
171
175
|
.button-primary .svgBg{
|
|
172
176
|
stroke: #fff;
|
|
173
177
|
stroke-opacity: 25%;
|
|
@@ -191,16 +195,22 @@ export default{
|
|
|
191
195
|
}
|
|
192
196
|
|
|
193
197
|
.button-outline{
|
|
194
|
-
@apply border-primary bg-transparent text-
|
|
198
|
+
@apply border-primary bg-transparent text-primary;
|
|
195
199
|
@apply hover:bg-transparent hover:border-primary-600;
|
|
196
200
|
}
|
|
201
|
+
.button-outline>*{
|
|
202
|
+
@apply text-primary fill-primary;
|
|
203
|
+
}
|
|
204
|
+
.button-outline:disabled>*{
|
|
205
|
+
@apply text-primary-300 fill-primary-300;
|
|
206
|
+
}
|
|
197
207
|
.button-outline .svgBg{
|
|
198
|
-
stroke:
|
|
199
|
-
stroke-opacity:
|
|
208
|
+
stroke: rgb(var(--primary-600));
|
|
209
|
+
stroke-opacity: 50%;
|
|
200
210
|
}
|
|
201
211
|
.button-outline .svgHg {
|
|
202
|
-
fill:
|
|
203
|
-
fill-opacity:
|
|
212
|
+
fill: rgb(var(--primary-500));
|
|
213
|
+
fill-opacity: 100%;
|
|
204
214
|
}
|
|
205
215
|
|
|
206
216
|
.button-minimal{
|
|
@@ -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){
|