separate workspace data source and processing sections

This commit is contained in:
2026-05-03 00:08:55 +08:00
parent e6f9873036
commit 18541db9d4

View File

@@ -668,14 +668,14 @@ export default function App() {
{currentPage === 'workspace' && (
<div className="min-h-full flex gap-6 animate-in fade-in zoom-in-95 duration-300">
<div className="w-[380px] space-y-4 shrink-0">
<div className="bg-white p-5 rounded-2xl border shadow-sm space-y-5">
<div className={`flex items-center gap-3 text-xs font-bold px-3 py-2 rounded-xl ${backendOnline ? 'bg-green-50 text-green-700' : 'bg-amber-50 text-amber-700'}`}>
{backendOnline ? <Server size={16} /> : <AlertCircle size={16} />}
<span>{backendMessage}</span>
</div>
<div className={`flex items-center gap-3 text-xs font-bold px-4 py-3 rounded-2xl border ${backendOnline ? 'bg-green-50 text-green-700 border-green-100' : 'bg-amber-50 text-amber-700 border-amber-100'}`}>
{backendOnline ? <Server size={16} /> : <AlertCircle size={16} />}
<span>{backendMessage}</span>
</div>
<div className="bg-white p-5 rounded-2xl border shadow-sm space-y-4">
<div className="space-y-3">
<label className="text-[10px] font-bold text-slate-400 uppercase tracking-widest block"></label>
<label className="text-[10px] font-bold text-slate-400 uppercase tracking-widest block"></label>
<div className="space-y-2">
<div className="flex items-center justify-between text-[10px] font-bold text-slate-500">
<span className="flex items-center gap-2"><Database size={12} /> DICOM </span>
@@ -696,6 +696,10 @@ export default function App() {
</select>
</div>
</div>
</div>
<div className="bg-white p-5 rounded-2xl border shadow-sm space-y-5">
<label className="text-[10px] font-bold text-slate-400 uppercase tracking-widest block"></label>
<div className="space-y-4 pt-2">
<div>