@mixd-id/web-scaffold 0.1.230406096 → 0.1.230406098
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
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
</div>
|
|
16
16
|
</div>
|
|
17
17
|
<div class="grid grid-cols-2 gap-4">
|
|
18
|
-
<button type="button" @click="select('
|
|
18
|
+
<button type="button" @click="select('')"
|
|
19
19
|
class="w-full p-1 border-text-100 border-[1px] rounded-lg">None</button>
|
|
20
20
|
<button type="button" v-if="mode !== 'class' && Boolean(customColor)"
|
|
21
21
|
class="w-full p-1 border-text-100 border-[1px] rounded-lg"
|
|
@@ -70,9 +70,8 @@ export default{
|
|
|
70
70
|
methods: {
|
|
71
71
|
|
|
72
72
|
select(color){
|
|
73
|
-
console.log('select', this.mode, this.prefix, color)
|
|
74
73
|
if(this.mode === 'class'){
|
|
75
|
-
this.$emit('update:modelValue', this.prefix + color)
|
|
74
|
+
this.$emit('update:modelValue', color ? this.prefix + color : '')
|
|
76
75
|
}
|
|
77
76
|
else{
|
|
78
77
|
this.$emit('update:modelValue', color)
|
|
@@ -83,6 +83,19 @@
|
|
|
83
83
|
<option :value="`${viewType}w-48`">48</option>
|
|
84
84
|
<option :value="`${viewType}w-screen`">Screen</option>
|
|
85
85
|
<option :value="`${viewType}w-full`">Full</option>
|
|
86
|
+
<option :value="`${viewType}flex-1`">Flex-1</option>
|
|
87
|
+
<option :value="`${viewType}basis-1/12`">1/12</option>
|
|
88
|
+
<option :value="`${viewType}basis-2/12`">2/12</option>
|
|
89
|
+
<option :value="`${viewType}basis-3/12`">3/12</option>
|
|
90
|
+
<option :value="`${viewType}basis-4/12`">4/12</option>
|
|
91
|
+
<option :value="`${viewType}basis-5/12`">5/12</option>
|
|
92
|
+
<option :value="`${viewType}basis-6/12`">6/12</option>
|
|
93
|
+
<option :value="`${viewType}basis-7/12`">7/12</option>
|
|
94
|
+
<option :value="`${viewType}basis-8/12`">8/12</option>
|
|
95
|
+
<option :value="`${viewType}basis-9/12`">9/12</option>
|
|
96
|
+
<option :value="`${viewType}basis-10/12`">10/12</option>
|
|
97
|
+
<option :value="`${viewType}basis-11/12`">11/12</option>
|
|
98
|
+
<option :value="`${viewType}basis-full`">Full</option>
|
|
86
99
|
</Dropdown>
|
|
87
100
|
</div>
|
|
88
101
|
|
|
@@ -248,7 +261,7 @@
|
|
|
248
261
|
|
|
249
262
|
<div class="flex flex-col gap-4">
|
|
250
263
|
|
|
251
|
-
<
|
|
264
|
+
<strong class="flex-1 text-text-400">Background</strong>
|
|
252
265
|
|
|
253
266
|
<div class="flex flex-row gap-4">
|
|
254
267
|
<label class="flex-1 text-text-400">Color</label>
|
|
@@ -339,7 +352,7 @@
|
|
|
339
352
|
|
|
340
353
|
<div class="flex flex-col gap-4">
|
|
341
354
|
|
|
342
|
-
<
|
|
355
|
+
<strong class="flex-1 text-text-400">Border</strong>
|
|
343
356
|
|
|
344
357
|
<div class="flex flex-row items-center gap-4">
|
|
345
358
|
<label class="flex-1 text-text-400">Width</label>
|
|
@@ -447,8 +460,6 @@
|
|
|
447
460
|
<br />
|
|
448
461
|
<br />
|
|
449
462
|
|
|
450
|
-
<pre class="text-xs break-all">{{ item.instance }}</pre>
|
|
451
|
-
|
|
452
463
|
</div>
|
|
453
464
|
</template>
|
|
454
465
|
|