feat(frontend): optimize help page layout and add i18n support

- Add Chinese and English translations for help page
- Fix button overlapping issues with responsive layouts
- Improve icon and button positioning with flexbox
- Add proper spacing and breakpoints for mobile/tablet/desktop
- Make cards consistent with flexbox layout
- Ensure all buttons have proper whitespace-nowrap
- Use flex-shrink-0 for icons to prevent squashing
This commit is contained in:
catlog22
2026-02-03 15:07:14 +08:00
parent 39b80b3386
commit 86b1a15671
5 changed files with 158 additions and 81 deletions

View File

@@ -0,0 +1,32 @@
{
"title": "Help Center",
"description": "Get complete documentation, guides, and support resources for CCW platform",
"fullDocs": "Full Docs",
"commandsOverview": {
"title": "Commands Overview",
"description": "Master the visual workflow editor with drag-and-drop flows"
},
"workflowsOverview": {
"title": "Workflows Overview",
"description": "Browse 40+ commands across workflow, issue, CLI, and memory categories"
},
"quickStart": {
"title": "Quick Start",
"description": "Get up and running with CCW in minutes",
"guide": "Getting Started Guide",
"faq": "Frequently Asked Questions"
},
"getStarted": "Get Started",
"viewAll": "View All",
"searchDocs": {
"title": "Search Documentation",
"description": "Find detailed documentation and examples for specific topics or commands",
"button": "Search Docs"
},
"support": {
"title": "Need Help?",
"description": "Access our documentation, tutorials, and community support resources",
"documentation": "Documentation",
"tutorials": "Tutorials"
}
}

View File

@@ -36,6 +36,7 @@ import graph from './graph.json';
import notification from './notification.json';
import notifications from './notifications.json';
import workspace from './workspace.json';
import help from './help.json';
/**
* Flattens nested JSON object to dot-separated keys
@@ -95,4 +96,5 @@ export default {
...flattenMessages(notification, 'notificationPanel'),
...flattenMessages(notifications, 'notifications'),
...flattenMessages(workspace, 'workspace'),
...flattenMessages(help, 'help'),
} as Record<string, string>;