mirror of
https://github.com/langgenius/dify.git
synced 2026-04-20 02:37:20 +08:00
Refactor StartTabContent into separate components following Figma design specs: - ActionCard: reusable card with icon, title, description - SectionHeader: title/xl-semi-bold header with description - CreateImportSection: 3-column grid layout for Create/Import cards - SkillTemplatesSection: templates area with placeholder Align styles with Figma: 3-col grid, 16px title, proper spacing and padding. Add i18n translations for all user-facing text (en-US, zh-Hans).
18 lines
433 B
TypeScript
18 lines
433 B
TypeScript
'use client'
|
|
|
|
import type { FC } from 'react'
|
|
import { memo } from 'react'
|
|
import CreateImportSection from './create-import-section'
|
|
import SkillTemplatesSection from './skill-templates-section'
|
|
|
|
const StartTabContent: FC = () => {
|
|
return (
|
|
<div className="h-full w-full overflow-auto bg-components-panel-bg">
|
|
<CreateImportSection />
|
|
<SkillTemplatesSection />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default memo(StartTabContent)
|