fix(web): 创作工作台 - 精简首页欢迎区并修复资产名称横向滚动
This commit is contained in:
@@ -7,7 +7,6 @@ import { Bar, BarChart, CartesianGrid, Cell, Pie, PieChart, ResponsiveContainer,
|
|||||||
|
|
||||||
import { resolveCanvasStylePreset, resolveProjectCanvasStyle } from "@/components/canvas/canvas-style-picker-modal";
|
import { resolveCanvasStylePreset, resolveProjectCanvasStyle } from "@/components/canvas/canvas-style-picker-modal";
|
||||||
import { WorkspaceErrorState, WorkspaceLoadingState } from "@/components/layout/workspace-state";
|
import { WorkspaceErrorState, WorkspaceLoadingState } from "@/components/layout/workspace-state";
|
||||||
import { WorkspaceSignalIcon } from "@/components/ui/aceternity/workspace-signal-icon";
|
|
||||||
import { parseStyleProfile } from "@/lib/canvas/style-profile";
|
import { parseStyleProfile } from "@/lib/canvas/style-profile";
|
||||||
import { projectSummaryCompletion, projectSummaryStage } from "@/lib/project-workbench";
|
import { projectSummaryCompletion, projectSummaryStage } from "@/lib/project-workbench";
|
||||||
import { listProjects, type ProjectSummary } from "@/services/api/projects";
|
import { listProjects, type ProjectSummary } from "@/services/api/projects";
|
||||||
@@ -185,10 +184,6 @@ function HomeDashboard({
|
|||||||
<>
|
<>
|
||||||
<header className="home-welcome" aria-label="欢迎区">
|
<header className="home-welcome" aria-label="欢迎区">
|
||||||
<div className="min-w-0">
|
<div className="min-w-0">
|
||||||
<span className="home-welcome-kicker">
|
|
||||||
<WorkspaceSignalIcon variant="home" size="sm" />
|
|
||||||
影策 · AI 影视与短剧创作工作台
|
|
||||||
</span>
|
|
||||||
<h1 className="home-welcome-title">{hasProjects ? `欢迎回来,${displayName}` : `欢迎使用影策,${displayName}`}</h1>
|
<h1 className="home-welcome-title">{hasProjects ? `欢迎回来,${displayName}` : `欢迎使用影策,${displayName}`}</h1>
|
||||||
<p className="home-welcome-sub">{hasProjects ? "回到最近制作,或从一句话故事开始一部新的短剧。" : "从一个故事开始:整理章节、确认设定、制作镜头,直到可交付的结果。"}</p>
|
<p className="home-welcome-sub">{hasProjects ? "回到最近制作,或从一句话故事开始一部新的短剧。" : "从一个故事开始:整理章节、确认设定、制作镜头,直到可交付的结果。"}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -73,17 +73,26 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.workflow-library-scroll {
|
.workflow-library-scroll {
|
||||||
|
max-width: 100%;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
overflow-x: hidden;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding: 2px 0 14px;
|
padding: 2px 0 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.workflow-asset-groups {
|
.workflow-asset-groups {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
min-width: 0;
|
||||||
gap: 18px;
|
gap: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.workflow-asset-groups > section,
|
||||||
|
.workflow-asset-list {
|
||||||
|
min-width: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.workflow-asset-groups h3 {
|
.workflow-asset-groups h3 {
|
||||||
margin: 0 8px 6px;
|
margin: 0 8px 6px;
|
||||||
color: color-mix(in srgb, var(--foreground) 47%, transparent);
|
color: color-mix(in srgb, var(--foreground) 47%, transparent);
|
||||||
@@ -98,9 +107,12 @@
|
|||||||
.workflow-asset-row {
|
.workflow-asset-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
min-width: 0;
|
||||||
min-height: 50px;
|
min-height: 50px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
|
overflow: hidden;
|
||||||
border-radius: var(--r-md);
|
border-radius: var(--r-md);
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|||||||
Reference in New Issue
Block a user