From 8c00f89e36341c428cbc54adec543c8ee1a1ce2d Mon Sep 17 00:00:00 2001
From: hjlarry <hjlarry@163.com>
Date: Tue, 23 Sep 2025 22:22:28 +0800
Subject: [PATCH] add icon to zoom2fit

---
 web/app/components/workflow/operator/zoom-in-out.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/web/app/components/workflow/operator/zoom-in-out.tsx b/web/app/components/workflow/operator/zoom-in-out.tsx
index 673a58e671..9bf6a02f7b 100644
--- a/web/app/components/workflow/operator/zoom-in-out.tsx
+++ b/web/app/components/workflow/operator/zoom-in-out.tsx
@@ -7,6 +7,7 @@ import {
 } from 'react'
 import {
   RiCheckLine,
+  RiFullscreenLine,
   RiZoomInLine,
   RiZoomOutLine,
 } from '@remixicon/react'
@@ -269,6 +270,15 @@ const ZoomInOut: FC<ZoomInOutProps> = ({
                           {option.key === ZoomType.toggleMiniMap && !showMiniMap && (
                             <div className='h-4 w-4' />
                           )}
+                          {option.key === ZoomType.zoomToFit && (
+                            <RiFullscreenLine className='h-4 w-4 text-text-tertiary' />
+                          )}
+                          {option.key !== ZoomType.toggleUserComments
+                           && option.key !== ZoomType.toggleUserCursors
+                           && option.key !== ZoomType.toggleMiniMap
+                           && option.key !== ZoomType.zoomToFit && (
+                            <div className='h-4 w-4' />
+                          )}
                           <span>{option.text}</span>
                         </div>
                         <div className='flex items-center space-x-0.5'>