From 1a59accb52976bef2d9bc3ccebdf8d15bae766ef Mon Sep 17 00:00:00 2001
From: Leo Hui <leohxj@gmail.com>
Date: Thu, 15 May 2025 11:59:16 +0800
Subject: [PATCH] fix: adjust slider width for responsive design in multi-agent
 visualization (#134)

---
 web/src/app/landing/components/multi-agent-visualization.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/app/landing/components/multi-agent-visualization.tsx b/web/src/app/landing/components/multi-agent-visualization.tsx
index 05044cd..a218e10 100644
--- a/web/src/app/landing/components/multi-agent-visualization.tsx
+++ b/web/src/app/landing/components/multi-agent-visualization.tsx
@@ -147,7 +147,7 @@ export function MultiAgentVisualization({ className }: { className?: string }) {
           </Tooltip>
           <div className="text-muted-foreground ml-2 flex items-center justify-center">
             <Slider
-              className="w-120"
+              className="w-40 sm:w-80 md:w-100 lg:w-120"
               max={playbook.steps.length - 1}
               min={0}
               step={1}