206957eb10
- Add V21 styles to WorkspaceDetail page (page-head, cards, buttons) - Create ProjectTasks.css and update ProjectTasks.tsx with V21 UI - Create business.css with shared V21 styles (buttons, cards, tables, tags) - Update InviteMemberModal with V21 modal styles - Update MemberList with V21 table and tag styles - Update PermissionMatrix with V21 card and table styles - Update QuotaDisplay with V21 card and progress styles - Update App.tsx and App.css with V21 design system
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
/**
|
|
* App Root Component - V21 UI
|
|
* 注意:此组件已被路由系统接管,仅作为默认展示
|
|
*/
|
|
import { Link } from 'react-router-dom';
|
|
import './App.css';
|
|
|
|
function App() {
|
|
return (
|
|
<div className="xx-app-root">
|
|
<div className="xx-app-container">
|
|
<div className="xx-hero-section">
|
|
<div className="xx-logo">🎬</div>
|
|
<h1>小虾 SaaS</h1>
|
|
<p>自动化视频剪辑平台</p>
|
|
<div className="xx-status-badge">
|
|
<span className="xx-status-dot"></span>
|
|
前端开发中
|
|
</div>
|
|
</div>
|
|
|
|
<div className="xx-card xx-quick-links">
|
|
<h3>快速链接</h3>
|
|
<div className="xx-link-grid">
|
|
<Link to="/workspaces" className="xx-link-item">
|
|
<span className="xx-link-icon">📁</span>
|
|
<span>工作空间</span>
|
|
</Link>
|
|
<Link to="/projects" className="xx-link-item">
|
|
<span className="xx-link-icon">📋</span>
|
|
<span>我的项目</span>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default App;
|