tao.chen/model-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: style

Browse Source
This commit is contained in:
tao.chen
2026-08-28 12:00:14 +08:00
parent e2fd7eba63
commit 9badd3597f
34 changed files with 207 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/features/platform/ScriptWorkspace.tsx
+13 -12
View File
@@ -5,6 +5,7 @@ import {
ExternalLink,
FileCode,
Info,
Loader2Icon,
Lock,
Plus,
RefreshCw,
@@ -504,7 +505,7 @@ export function ScriptWorkspace({
onClick={() => onSavePythonEditor(script.script_id)}
>
{activePythonBuf?.saving
? <><span className="button-spinner button-spinner--blue size-3" /> 保存中</>
? <><Loader2Icon className="size-3 animate-spin text-brand" /> 保存中</>
: "保存"}
</button>
)}
@@ -592,7 +593,7 @@ export function ScriptWorkspace({
<div className="min-h-0 flex-1 overflow-y-auto">
{readOnlyLoading ? (
<div className="flex min-h-[200px] flex-col items-center justify-center gap-4 text-sm text-[#666]">
<span className="button-spinner button-spinner--blue" />
<Loader2Icon className="size-4 animate-spin text-brand" />
<span>加载内容中...</span>
</div>
) : readOnlyError ? (
@@ -683,7 +684,7 @@ export function ScriptWorkspace({
>
<div className="flex min-h-[34px] items-center gap-[18px] border-b border-[#dfe6ec] bg-[#f8fafc] px-3.5 text-[9px] text-[#718195]">
<span className="inline-flex items-center gap-1.5 font-[650] text-[#197b59]">
<i className="size-[7px] rounded-full bg-[#20b77d] shadow-[0_0_0_3px_rgb(32_183_125/12%)]" />
<i className="size-[7px] rounded-full bg-[#20b77d] ring-3 ring-success/10" />
Workspace Jupyter Server
</span>
<span className="inline-flex items-center gap-1.5">
@@ -709,10 +710,10 @@ export function ScriptWorkspace({
{!sessionCache.has(script.script_id) ? (
isNotebook ? (
<section
className={`mx-auto my-16 flex w-[min(520px,calc(100%-48px))] min-h-[260px] flex-col items-center justify-center rounded-[10px] border p-9 text-center text-[#66788d] shadow-[0_12px_34px_rgb(31_64_98/7%)] ${
className={`mx-auto my-16 flex w-[min(520px,calc(100%-48px))] min-h-[260px] flex-col items-center justify-center rounded-[10px] border p-9 text-center text-[#66788d] shadow-md ${
openError
? "border-[#f0cfcc] bg-white/95"
: "border-[#dce5ed] bg-white/95"
: "border-line bg-white/95"
}`}
aria-live="polite"
>
@@ -725,7 +726,7 @@ export function ScriptWorkspace({
>
{openError
? <Info size={28} />
: <span className="button-spinner button-spinner--blue size-6 border-[3px]" />}
: <Loader2Icon className="size-6 animate-spin text-brand" />}
</div>
<strong className="text-base text-[#1d344d]">
{openError ? "Notebook 打开失败" : "正在打开 Notebook"}
@@ -743,7 +744,7 @@ export function ScriptWorkspace({
onClick={onOpenEditor}
>
{editBusy
? <span className="button-spinner button-spinner--blue" />
? <Loader2Icon className="size-4 animate-spin text-brand" />
: <RefreshCw size={16} />}
{editBusy ? "正在重试…" : "重试打开"}
</button>
@@ -751,7 +752,7 @@ export function ScriptWorkspace({
</section>
) : isPython && !activePythonBuf ? (
<section className="mx-auto mb-[38px] mt-6 w-[min(1020px,calc(100%-48px))] max-xl:w-[calc(100%-30px)]">
<div className="flex items-start justify-between gap-5 rounded-t-[9px] border border-[#dce5ed] bg-white px-[26px] py-[23px]">
<div className="flex items-start justify-between gap-5 rounded-t-[9px] border border-line bg-white px-[26px] py-[23px]">
<div>
<span className="text-[9px] font-extrabold tracking-[0.13em] text-[#2b7fca]">
PYTHON SCRIPT
@@ -774,7 +775,7 @@ export function ScriptWorkspace({
onClick={onOpenEditor}
>
{editBusy
? <span className="button-spinner button-spinner--blue" />
? <Loader2Icon className="size-4 animate-spin text-brand" />
: <ExternalLink size={17} />}
{editBusy
? "正在准备编辑器…"
@@ -784,7 +785,7 @@ export function ScriptWorkspace({
</button>
</div>
<div className="grid grid-cols-4 border-x border-b border-[#dce5ed] bg-[#f9fbfd]">
<div className="grid grid-cols-4 border-x border-b border-line bg-[#f9fbfd]">
{[
["脚本类型", "Python"],
[
@@ -804,12 +805,12 @@ export function ScriptWorkspace({
index < 3 ? "border-r border-[#e4eaf0]" : ""
}`}
>
<span className="text-[10px] text-[#8a9aaa]">{label}</span>
<span className="text-[10px] text-ink-subtle">{label}</span>
<strong className="text-[13px] text-[#2a3f55]">{value}</strong>
</div>
))}
</div>
<div className="overflow-hidden rounded-b-[9px] border border-t-0 border-[#dce5ed] bg-white">
<div className="overflow-hidden rounded-b-[9px] border border-t-0 border-line bg-white">
<div className="flex items-center justify-between border-b border-[#e8edf3] bg-[#f7f9fb] px-3.5 py-2 text-[11px] text-[#6b7c8f]">
<div className="flex items-center gap-1.5">
<span className="size-2.5 rounded-full bg-[#ef6b62]" />