atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 22:49:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

refactor: update PreviewColor props to be optional and adjust layout in demos

Browse Source
This commit is contained in:
David Haz
2025-07-15 12:10:43 +03:00
parent 0421c6fd74
commit 114d544102
5 changed files with 15 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/demo/Backgrounds/AuroraDemo.vue
View File

@@ -14,18 +14,14 @@
</div>
<Customize>
<div class="space-y-2">
<h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">Color Stops</h3>
<div class="flex gap-4">
<PreviewColor
v-for="(color, index) in colorStops"
:key="index"
:title="`Color ${index + 1}`"
:model-value="color"
@update:model-value="value => updateColorStop(index, value)"
/>
</div>
<div class="flex gap-2">
<PreviewColor
v-for="(color, index) in colorStops"
:key="index"
:title="`Color ${index + 1}`"
:model-value="color"
@update:model-value="value => updateColorStop(index, value)"
/>
</div>
<PreviewSlider

4
src/demo/Backgrounds/BalatroDemo.vue
View File

@@ -14,7 +14,7 @@
</div>
<Customize>
<div class="flex gap-4">
<div class="flex gap-2">
<PreviewColor
v-for="(color, index) in colorStops"
:key="index"
@@ -24,7 +24,7 @@
/>
</div>
<PreviewSlider title="Pixelation" v-model="pixelation" :min="0" :max="2000" :step="10" />
<PreviewSlider title="Pixelation" v-model="pixelation" :min="100" :max="2000" :step="10" />
<PreviewSwitch title="Enable Mouse Interaction" v-model="mouseInteractionEnabled" />