feat: add stage 0 foundation
This commit is contained in:
5
frontend/src/app/App.tsx
Normal file
5
frontend/src/app/App.tsx
Normal file
@@ -0,0 +1,5 @@
|
||||
import { DesignSystemPreview } from '@/features/design-system/DesignSystemPreview'
|
||||
|
||||
export function App() {
|
||||
return <DesignSystemPreview />
|
||||
}
|
||||
20
frontend/src/app/layout/AppShell.tsx
Normal file
20
frontend/src/app/layout/AppShell.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
import type * as React from 'react'
|
||||
|
||||
import { Sidebar } from './Sidebar'
|
||||
import { Topbar } from './Topbar'
|
||||
|
||||
type AppShellProps = {
|
||||
children: React.ReactNode
|
||||
}
|
||||
|
||||
export function AppShell({ children }: AppShellProps) {
|
||||
return (
|
||||
<div className="min-h-screen bg-background text-foreground">
|
||||
<Sidebar />
|
||||
<div className="min-h-screen lg:pl-64">
|
||||
<Topbar />
|
||||
<main>{children}</main>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
9
frontend/src/app/layout/Sidebar.tsx
Normal file
9
frontend/src/app/layout/Sidebar.tsx
Normal file
@@ -0,0 +1,9 @@
|
||||
export function Sidebar() {
|
||||
return (
|
||||
<aside className="fixed inset-y-0 left-0 hidden w-64 border-r border-border bg-surface lg:block">
|
||||
<div className="border-b border-border px-4 py-3">
|
||||
<p className="text-sm font-semibold text-foreground">AI Ticket Platform</p>
|
||||
</div>
|
||||
</aside>
|
||||
)
|
||||
}
|
||||
7
frontend/src/app/layout/Topbar.tsx
Normal file
7
frontend/src/app/layout/Topbar.tsx
Normal file
@@ -0,0 +1,7 @@
|
||||
export function Topbar() {
|
||||
return (
|
||||
<header className="flex h-14 items-center border-b border-border bg-surface px-6">
|
||||
<p className="text-sm text-muted-foreground">工单工作台</p>
|
||||
</header>
|
||||
)
|
||||
}
|
||||
5
frontend/src/app/router.tsx
Normal file
5
frontend/src/app/router.tsx
Normal file
@@ -0,0 +1,5 @@
|
||||
import { App } from './App'
|
||||
|
||||
export function Router() {
|
||||
return <App />
|
||||
}
|
||||
Reference in New Issue
Block a user