mygo-kyx/codexautopool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement a new Upload page for batch processing team owners, featuring a file dropzone and a new layout.

Browse Source
This commit is contained in:
kyx236
2026-02-07 01:43:38 +08:00
parent 2fc0dcaba4
commit a74d3ac121
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/layout/Layout.tsx
View File

@@ -9,18 +9,18 @@ export default function Layout() {
const { isConnected } = useConfig() const { isConnected } = useConfig()
return ( return (
<div className="min-h-screen bg-slate-50 dark:bg-slate-900"> <div className="min-h-screen bg-slate-50 dark:bg-slate-900 overflow-x-hidden">
<div className="flex"> <div className="flex">
{/* Sidebar */} {/* Sidebar */}
<Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} /> <Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} />
{/* Main content */} {/* Main content */}
<div className="flex-1 flex flex-col min-h-screen lg:ml-0"> <div className="flex-1 min-w-0 flex flex-col min-h-screen lg:ml-0">
{/* Header */} {/* Header */}
<Header onMenuClick={() => setSidebarOpen(true)} isConnected={isConnected} /> <Header onMenuClick={() => setSidebarOpen(true)} isConnected={isConnected} />
{/* Page content */} {/* Page content */}
<main className="flex-1 p-4 lg:p-6"> <main className="flex-1 p-3 sm:p-4 lg:p-6 overflow-x-hidden">
<Outlet /> <Outlet />
</main> </main>
</div> </div>

2
frontend/src/components/upload/FileDropzone.tsx
View File

@@ -61,7 +61,7 @@ export default function FileDropzone({ onFileSelect, disabled = false, error }:
onDragOver={handleDragOver} onDragOver={handleDragOver}
onDragLeave={handleDragLeave} onDragLeave={handleDragLeave}
onDrop={handleDrop} onDrop={handleDrop}
className={`relative border-2 border-dashed rounded-xl p-8 text-center transition-colors ${ className={`relative border-2 border-dashed rounded-xl p-5 sm:p-8 text-center transition-colors ${
disabled disabled
? 'border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50 cursor-not-allowed' ? 'border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-800/50 cursor-not-allowed'
: isDragging : isDragging

2
frontend/src/pages/Upload.tsx
View File

@@ -264,7 +264,7 @@ export default function Upload() {
] ]
return ( return (
<div className="h-[calc(100vh-6rem)] flex flex-col gap-6"> <div className="h-[calc(100vh-5rem)] sm:h-[calc(100vh-6rem)] flex flex-col gap-3 sm:gap-6">
{/* Header */} {/* Header */}
<div className="flex items-center justify-between shrink-0"> <div className="flex items-center justify-between shrink-0">
<div className="min-w-0"> <div className="min-w-0">