From c653d1c1bee7f73be310b6025b8d2c52eac72a4c Mon Sep 17 00:00:00 2001
From: Utkarsh-Singhal-26 <singhalutkarsh26@gmail.com>
Date: Sun, 24 Aug 2025 16:49:04 +0530
Subject: [PATCH] Fix Layout issue in GradientBlinds

---
 src/demo/Backgrounds/GradientBlindsDemo.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/demo/Backgrounds/GradientBlindsDemo.vue b/src/demo/Backgrounds/GradientBlindsDemo.vue
index b589a99..6496f21 100644
--- a/src/demo/Backgrounds/GradientBlindsDemo.vue
+++ b/src/demo/Backgrounds/GradientBlindsDemo.vue
@@ -18,8 +18,11 @@
       </div>
 
       <Customize>
-        <PreviewColor title="Color 1" v-model="color1" />
-        <PreviewColor title="Color 2" v-model="color2" />
+        <div class="flex gap-4">
+          <PreviewColor title="Color 1" v-model="color1" />
+          <PreviewColor title="Color 2" v-model="color2" />
+        </div>
+
         <PreviewSelect title="Light Direction" v-model="shineDirection" :options="directionOptions" />
         <PreviewSlider title="Blinds Angle" :min="0" :max="360" :step="1" v-model="angle" />
         <PreviewSlider title="Noise Amount" :min="0" :max="1" :step="0.01" v-model="noise" />