update: style
This commit is contained in:
@@ -216,8 +216,8 @@ export function RunHistory({
|
||||
};
|
||||
|
||||
return (
|
||||
<section className="flex min-h-0 flex-col border-t border-[#e0e7ee] bg-[#fbfcfe]">
|
||||
<header className="flex min-h-[44px] items-center justify-between border-b border-[#e8edf2] bg-white px-3">
|
||||
<section className="flex min-h-0 flex-col border-t border-line bg-[#fbfcfe]">
|
||||
<header className="flex min-h-[44px] items-center justify-between border-b border-line bg-white px-3">
|
||||
<div className="flex items-center gap-[7px]">
|
||||
<strong className="text-[12px] text-[#2b4056]">运行记录</strong>
|
||||
<span className="inline-grid h-[18px] min-w-[18px] place-items-center rounded-[9px] bg-[#edf2f7] text-[9px] text-[#71849a]">
|
||||
@@ -250,7 +250,7 @@ export function RunHistory({
|
||||
return (
|
||||
<article
|
||||
data-state={expanded ? "expanded" : "collapsed"}
|
||||
className="flex-none overflow-hidden rounded-[6px] border border-[#e1e8ef] bg-white data-[state=expanded]:border-[#b9d6f1] data-[state=expanded]:shadow-[0_3px_10px_rgb(38_117_185_/_8%)]"
|
||||
className="flex-none overflow-hidden rounded-[6px] border border-[#e1e8ef] bg-white data-[state=expanded]:border-[#b9d6f1] data-[state=expanded]:shadow-md"
|
||||
key={run.run_id}
|
||||
>
|
||||
<div
|
||||
@@ -295,7 +295,7 @@ export function RunHistory({
|
||||
onClick={() => toggleRun(run.run_id)}
|
||||
/>
|
||||
<section
|
||||
className="fixed left-1/2 top-1/2 z-[41] grid max-h-[min(760px,calc(100vh-64px))] w-[min(780px,calc(100vw-48px))] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-[12px] border border-[#d8e2eb] bg-white shadow-[0_24px_80px_rgb(8_27_48_/_30%)] [grid-template-rows:auto_minmax(0,1fr)]"
|
||||
className="fixed left-1/2 top-1/2 z-[41] grid max-h-[min(760px,calc(100vh-64px))] w-[min(780px,calc(100vw-48px))] -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-[12px] border border-[#d8e2eb] bg-white shadow-xl [grid-template-rows:auto_minmax(0,1fr)]"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-label="调度运行结果"
|
||||
@@ -311,7 +311,7 @@ export function RunHistory({
|
||||
</code>
|
||||
</div>
|
||||
<button
|
||||
className="grid h-[34px] w-[34px] cursor-pointer place-items-center rounded-[7px] border border-[#dfe6ed] bg-white hover:border-[#b9c9da] hover:bg-[#f7faff]"
|
||||
className="grid h-[34px] w-[34px] cursor-pointer place-items-center rounded-[7px] border border-line bg-white hover:border-[#b9c9da] hover:bg-[#f7faff]"
|
||||
type="button"
|
||||
aria-label="关闭运行结果"
|
||||
onClick={() => toggleRun(run.run_id)}
|
||||
@@ -321,13 +321,13 @@ export function RunHistory({
|
||||
</header>
|
||||
<div className="min-h-0 overflow-auto bg-[#f8fbfe] p-[18px]">
|
||||
{detailLoadingId === run.run_id && !detail ? (
|
||||
<p className="m-0 p-[8px_4px] text-center text-[9px] leading-[1.5] text-[#8796a6]">
|
||||
<p className="m-0 p-[8px_4px] text-center text-[9px] leading-[1.5] text-ink-subtle">
|
||||
正在加载运行详情…
|
||||
</p>
|
||||
) : detailErrors[run.run_id] ? (
|
||||
<p
|
||||
data-state="error"
|
||||
className="m-0 p-[8px_4px] text-center text-[9px] leading-[1.5] text-[#8796a6] data-[state=error]:text-[#bf5656]"
|
||||
className="m-0 p-[8px_4px] text-center text-[9px] leading-[1.5] text-ink-subtle data-[state=error]:text-[#bf5656]"
|
||||
>
|
||||
{detailErrors[run.run_id]}
|
||||
</p>
|
||||
@@ -369,7 +369,7 @@ export function RunHistory({
|
||||
)}
|
||||
<div className="flex flex-col gap-2.5">
|
||||
{detail.node_runs.length === 0 ? (
|
||||
<p className="m-0 p-[8px_4px] text-center text-[9px] leading-[1.5] text-[#8796a6]">
|
||||
<p className="m-0 p-[8px_4px] text-center text-[9px] leading-[1.5] text-ink-subtle">
|
||||
节点尚未开始执行
|
||||
</p>
|
||||
) : detail.node_runs.map((nodeRun) => {
|
||||
|
||||
Reference in New Issue
Block a user