youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-04-22 11:47:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: vertically center empty search state to match Figma design

Browse Source
This commit is contained in:
yyh
2026-02-06 13:57:59 +08:00
parent ecbcd5803b
commit 92c3656fe5
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/app/components/workflow/skill/start-tab/index.tsx
View File

@ -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>

6
web/app/components/workflow/skill/start-tab/skill-templates-section.tsx
View File

@ -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>