From 92c3656fe5104076e75a29a9b405e8a01baf74b2 Mon Sep 17 00:00:00 2001
From: yyh <yuanyouhuilyz@gmail.com>
Date: Fri, 6 Feb 2026 13:57:59 +0800
Subject: [PATCH] fix: vertically center empty search state to match Figma
 design

---
 web/app/components/workflow/skill/start-tab/index.tsx       | 2 +-
 .../workflow/skill/start-tab/skill-templates-section.tsx    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/skill/start-tab/index.tsx b/web/app/components/workflow/skill/start-tab/index.tsx
index 25da1d068e..8e95d272b4 100644
--- a/web/app/components/workflow/skill/start-tab/index.tsx
+++ b/web/app/components/workflow/skill/start-tab/index.tsx
@@ -6,7 +6,7 @@ import SkillTemplatesSection from './skill-templates-section'
 
 const StartTabContent = () => {
   return (
-    <div className="h-full w-full overflow-auto bg-components-panel-bg">
+    <div className="flex h-full w-full flex-col overflow-auto bg-components-panel-bg">
       <CreateImportSection />
       <SkillTemplatesSection />
     </div>
diff --git a/web/app/components/workflow/skill/start-tab/skill-templates-section.tsx b/web/app/components/workflow/skill/start-tab/skill-templates-section.tsx
index 58ab248c00..34bcdb7efa 100644
--- a/web/app/components/workflow/skill/start-tab/skill-templates-section.tsx
+++ b/web/app/components/workflow/skill/start-tab/skill-templates-section.tsx
@@ -78,7 +78,7 @@ const SkillTemplatesSection = () => {
   }, [searchQuery])
 
   return (
-    <section className="flex flex-col gap-3">
+    <section className="flex flex-1 flex-col gap-3">
       <div className="sticky top-0 z-10 flex flex-col gap-3 bg-components-panel-bg px-6 pb-1 pt-2">
         <SectionHeader
           title={t('skill.startTab.templatesTitle')}
@@ -92,8 +92,8 @@ const SkillTemplatesSection = () => {
       </div>
       {filtered.length === 0 && searchQuery
         ? (
-            <div className="flex flex-col items-center justify-center gap-y-2 py-16">
-              <SearchMenu className="size-8 text-text-quaternary" />
+            <div className="flex flex-1 flex-col items-center justify-center gap-y-2">
+              <SearchMenu className="size-12 text-text-quaternary" />
               <span className="system-sm-regular text-text-tertiary">
                 {t('skill.startTab.noTemplatesFound')}
               </span>