@wyxos/vibe 1.6.10 → 1.6.11
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/views/Home.vue +7 -7
package/package.json
CHANGED
package/src/views/Home.vue
CHANGED
|
@@ -49,19 +49,19 @@
|
|
|
49
49
|
leave-from-class="transform translate-y-0 opacity-100"
|
|
50
50
|
leave-to-class="transform -translate-y-2 opacity-0"
|
|
51
51
|
>
|
|
52
|
-
<div v-if="showLayoutControls" class="absolute top-full right-4 mt-2 w-full max-w-lg bg-white/90 backdrop-blur-md border border-slate-200 shadow-xl rounded-xl p-6 pointer-events-auto z-30">
|
|
53
|
-
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
|
|
52
|
+
<div v-if="showLayoutControls" class="absolute top-full left-4 right-4 md:left-auto md:right-4 mt-2 md:w-full md:max-w-lg bg-white/90 backdrop-blur-md border border-slate-200 shadow-xl rounded-xl p-4 md:p-6 pointer-events-auto z-30">
|
|
53
|
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 md:gap-8">
|
|
54
54
|
<!-- Column Settings -->
|
|
55
55
|
<div>
|
|
56
56
|
<h3 class="text-xs font-semibold text-slate-400 uppercase tracking-wider mb-3">Column Configuration</h3>
|
|
57
|
-
<div class="grid grid-cols-3 sm:grid-cols-6 gap-3">
|
|
57
|
+
<div class="grid grid-cols-3 sm:grid-cols-6 gap-2 sm:gap-3">
|
|
58
58
|
<div v-for="(val, key) in layoutParams.sizes" :key="key" class="flex flex-col gap-1.5">
|
|
59
59
|
<label class="text-[10px] font-bold text-slate-500 uppercase text-center">{{ key }}</label>
|
|
60
60
|
<input
|
|
61
61
|
v-model.number="layoutParams.sizes[key]"
|
|
62
62
|
type="number"
|
|
63
63
|
min="1"
|
|
64
|
-
class="w-full
|
|
64
|
+
class="w-full px-1 py-2 bg-slate-50 border border-slate-200 rounded-lg text-center text-sm font-medium text-slate-700 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all"
|
|
65
65
|
/>
|
|
66
66
|
</div>
|
|
67
67
|
</div>
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
<!-- Spacing Settings -->
|
|
71
71
|
<div>
|
|
72
72
|
<h3 class="text-xs font-semibold text-slate-400 uppercase tracking-wider mb-3">Spacing</h3>
|
|
73
|
-
<div class="grid grid-cols-2 gap-4">
|
|
73
|
+
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
|
74
74
|
<div class="flex flex-col gap-1.5">
|
|
75
75
|
<label class="text-[10px] font-bold text-slate-500 uppercase">Header Offset</label>
|
|
76
76
|
<div class="relative">
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
v-model.number="layoutParams.header"
|
|
79
79
|
type="number"
|
|
80
80
|
min="0"
|
|
81
|
-
class="w-full pl-3 pr-8 py-
|
|
81
|
+
class="w-full pl-3 pr-8 py-2 bg-slate-50 border border-slate-200 rounded-lg text-sm font-medium text-slate-700 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all"
|
|
82
82
|
/>
|
|
83
83
|
<span class="absolute right-3 top-1/2 -translate-y-1/2 text-xs text-slate-400">px</span>
|
|
84
84
|
</div>
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
v-model.number="layoutParams.footer"
|
|
91
91
|
type="number"
|
|
92
92
|
min="0"
|
|
93
|
-
class="w-full pl-3 pr-8 py-
|
|
93
|
+
class="w-full pl-3 pr-8 py-2 bg-slate-50 border border-slate-200 rounded-lg text-sm font-medium text-slate-700 focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all"
|
|
94
94
|
/>
|
|
95
95
|
<span class="absolute right-3 top-1/2 -translate-y-1/2 text-xs text-slate-400">px</span>
|
|
96
96
|
</div>
|