From 61f5c545953bb4ee20b123bf9671ac35d7f1f3c1 Mon Sep 17 00:00:00 2001
From: "Somhairle H. Marisol" <muqiu-han@outlook.com>
Date: Fri, 18 Sep 2026 12:03:32 +0800
Subject: [变更性质] feat(frontend) [新增功能] round3 页面组件全量迁移
 shadcn-svelte（12 页面 + Modal/DatasetWizard/DatasetCard/Status） [实现方案]
 .btn→Button、.banner→Alert、table.data→Table.Root、.badge→Badge、.tabs→Tabs.Root、.metric-card/form.card→Card.Root；ProjectStrategyTab
 div 配对修复 [影响范围] src/pages/*.svelte、src/components/*.svelte
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/ProjectsPage.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'frontend/src/pages/ProjectsPage.svelte')

diff --git a/frontend/src/pages/ProjectsPage.svelte b/frontend/src/pages/ProjectsPage.svelte
index c3d7e5e..d72f905 100644
--- a/frontend/src/pages/ProjectsPage.svelte
+++ b/frontend/src/pages/ProjectsPage.svelte
@@ -93,7 +93,7 @@
     <ProjectMetricRow projects={projectsStore.all} {datasets} {runs} {usage} />
     <Status {busy} {error} busyText="加载项目列表…" empty={null} />
     {#if showCreate}
-      <form class="card stack" onsubmit={create}>
+      <form class="stack bg-card border border-border rounded-[var(--radius)] shadow-sm p-4 text-card-foreground" onsubmit={create}>
         <h2>新建项目</h2>
         <div>
           <Label for="pn">项目名称</Label>
@@ -103,7 +103,7 @@
           <Label for="pd">简介（可选）</Label>
           <Input id="pd" bind:value={newDesc} placeholder="一句话说明研究思路" class="mt-1" />
         </div>
-        {#if createErr}<Alert variant="destructive" class="banner error" role="alert">{createErr}</Alert>{/if}
+        {#if createErr}<Alert variant="destructive" class="bg-[var(--danger-soft)] border-[#f2c7c7]" role="alert">{createErr}</Alert>{/if}
         <div class="row">
           <Button type="submit" disabled={creating || !newName.trim()}>
             {creating ? '创建中…' : '创建项目'}
@@ -157,5 +157,5 @@
 <style>
   .p-name { font-weight: 600; color: var(--teal-strong); }
   .p-name:hover { text-decoration: underline; }
-  form.card h2 { margin-bottom: 0.2rem; }
+
 </style>
-- 
cgit v1.2.3