From e6e3229d177f3e82b10e1c2d3707785aa7891682 Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Sun, 29 Mar 2026 15:45:05 +0800
Subject: [PATCH] feat(web): input field button style

---
 .../base/icons/assets/vender/workflow/input-field.svg        | 3 +++
 .../components/snippet-header/input-field-button.tsx         | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 web/app/components/base/icons/assets/vender/workflow/input-field.svg

diff --git a/web/app/components/base/icons/assets/vender/workflow/input-field.svg b/web/app/components/base/icons/assets/vender/workflow/input-field.svg
new file mode 100644
index 00000000000..47ef58181ed
--- /dev/null
+++ b/web/app/components/base/icons/assets/vender/workflow/input-field.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33317 3.33333H7.33317V12.6667H5.33317V14H10.6665V12.6667H8.6665V3.33333H10.6665V2H5.33317V3.33333ZM1.33317 4.66667C0.964984 4.66667 0.666504 4.96515 0.666504 5.33333V10.6667C0.666504 11.0349 0.964984 11.3333 1.33317 11.3333H5.33317V10H1.99984V6H5.33317V4.66667H1.33317ZM10.6665 6H13.9998V10H10.6665V11.3333H14.6665C15.0347 11.3333 15.3332 11.0349 15.3332 10.6667V5.33333C15.3332 4.96515 15.0347 4.66667 14.6665 4.66667H10.6665V6Z" fill="#354052"/>
+</svg>
diff --git a/web/app/components/snippets/components/snippet-header/input-field-button.tsx b/web/app/components/snippets/components/snippet-header/input-field-button.tsx
index 1bcecf56685..a30e5032c53 100644
--- a/web/app/components/snippets/components/snippet-header/input-field-button.tsx
+++ b/web/app/components/snippets/components/snippet-header/input-field-button.tsx
@@ -17,11 +17,12 @@ const InputFieldButton = ({
   return (
     <button
       type="button"
-      className="flex items-center gap-2 rounded-lg border border-components-button-secondary-border bg-components-button-secondary-bg px-3 py-2 text-text-secondary shadow-xs backdrop-blur"
+      className="flex h-8 items-center gap-1 rounded-lg border border-components-button-secondary-border bg-components-button-secondary-bg px-3 text-text-secondary shadow-xs backdrop-blur"
       onClick={onClick}
     >
+      <span aria-hidden className="i-custom-vender-workflow-input-field h-4 w-4 shrink-0" />
       <span className="text-[13px] font-medium leading-4">{t('inputFieldButton')}</span>
-      <span className="rounded-md border border-divider-deep px-1.5 py-0.5 text-[10px] font-medium leading-3 text-text-tertiary">
+      <span className="rounded-md border border-divider-deep px-1 py-0.5 text-[10px] font-medium leading-3 text-text-tertiary">
         {count}
       </span>
     </button>