update: style
This commit is contained in:
tao.chen
@@ -20,7 +20,7 @@ export function NodeInspector({
|
||||
}) {
|
||||
return (
|
||||
<div className="flex min-h-full flex-col">
|
||||
<section className="flex flex-row items-center gap-[10px] border-b border-[#e7ecf1] p-[14px]">
|
||||
<section className="flex flex-row items-center gap-[10px] border-b border-line p-[14px]">
|
||||
<span
|
||||
className={`grid h-[31px] w-[31px] flex-none place-items-center rounded-[6px] ${
|
||||
node.version.script_type === "notebook"
|
||||
@@ -41,7 +41,7 @@ export function NodeInspector({
|
||||
</strong>
|
||||
</div>
|
||||
</section>
|
||||
<section className="flex flex-col gap-[10px] border-b border-[#e7ecf1] p-[14px]">
|
||||
<section className="flex flex-col gap-[10px] border-b border-line p-[14px]">
|
||||
<h3 className="mb-[2px] text-[13px] text-[#273b50]">稳定版本</h3>
|
||||
<div className="flex flex-col gap-[5px] rounded-[6px] border border-[#dae6f2] bg-[#f6faff] p-[9px]">
|
||||
<strong className="text-[11px] text-[#35516e]">{node.version.script_name}</strong>
|
||||
@@ -56,12 +56,12 @@ export function NodeInspector({
|
||||
</small>
|
||||
</div>
|
||||
</section>
|
||||
<section className="flex flex-col gap-[10px] border-b border-[#e7ecf1] p-[14px]">
|
||||
<section className="flex flex-col gap-[10px] border-b border-line p-[14px]">
|
||||
<h3 className="mb-[2px] text-[13px] text-[#273b50]">节点信息</h3>
|
||||
<label className="flex flex-col gap-[5px]">
|
||||
<span className="text-[10px] font-semibold text-[#758497]">节点名称</span>
|
||||
<span className="text-[10px] font-semibold text-ink-caption">节点名称</span>
|
||||
<input
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-[#81b2e7] focus:shadow-[0_0_0_3px_rgb(38_124_216_/_8%)]"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-brand/70 focus:ring-3 focus:ring-brand/10"
|
||||
value={form.nodeName}
|
||||
onChange={(event) => onChange({
|
||||
...form,
|
||||
@@ -71,11 +71,11 @@ export function NodeInspector({
|
||||
</label>
|
||||
<div className="grid grid-cols-2 gap-2">
|
||||
<label className="flex flex-col gap-[5px]">
|
||||
<span className="text-[10px] font-semibold text-[#758497]">超时（秒）</span>
|
||||
<span className="text-[10px] font-semibold text-ink-caption">超时（秒）</span>
|
||||
<input
|
||||
type="number"
|
||||
min="1"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-[#81b2e7] focus:shadow-[0_0_0_3px_rgb(38_124_216_/_8%)]"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-brand/70 focus:ring-3 focus:ring-brand/10"
|
||||
value={form.timeoutSeconds}
|
||||
onChange={(event) => onChange({
|
||||
...form,
|
||||
@@ -84,12 +84,12 @@ export function NodeInspector({
|
||||
/>
|
||||
</label>
|
||||
<label className="flex flex-col gap-[5px]">
|
||||
<span className="text-[10px] font-semibold text-[#758497]">重试次数</span>
|
||||
<span className="text-[10px] font-semibold text-ink-caption">重试次数</span>
|
||||
<input
|
||||
type="number"
|
||||
min="0"
|
||||
max="10"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-[#81b2e7] focus:shadow-[0_0_0_3px_rgb(38_124_216_/_8%)]"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-brand/70 focus:ring-3 focus:ring-brand/10"
|
||||
value={form.retryCount}
|
||||
onChange={(event) => onChange({
|
||||
...form,
|
||||
@@ -100,11 +100,11 @@ export function NodeInspector({
|
||||
</div>
|
||||
<div className="grid grid-cols-2 gap-2">
|
||||
<label className="flex flex-col gap-[5px]">
|
||||
<span className="text-[10px] font-semibold text-[#758497]">重试间隔（秒）</span>
|
||||
<span className="text-[10px] font-semibold text-ink-caption">重试间隔（秒）</span>
|
||||
<input
|
||||
type="number"
|
||||
min="0"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-[#81b2e7] focus:shadow-[0_0_0_3px_rgb(38_124_216_/_8%)]"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-brand/70 focus:ring-3 focus:ring-brand/10"
|
||||
value={form.retryIntervalSec}
|
||||
onChange={(event) => onChange({
|
||||
...form,
|
||||
@@ -113,9 +113,9 @@ export function NodeInspector({
|
||||
/>
|
||||
</label>
|
||||
<label className="flex flex-col gap-[5px]">
|
||||
<span className="text-[10px] font-semibold text-[#758497]">Python 版本</span>
|
||||
<span className="text-[10px] font-semibold text-ink-caption">Python 版本</span>
|
||||
<select
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-[#81b2e7] focus:shadow-[0_0_0_3px_rgb(38_124_216_/_8%)]"
|
||||
className="h-[33px] w-full rounded-[5px] border border-line bg-white px-2 text-[11px] text-[#32475d] outline-none focus:border-brand/70 focus:ring-3 focus:ring-brand/10"
|
||||
value={form.pythonVersion}
|
||||
onChange={(event) => onChange({
|
||||
...form,
|
||||
@@ -131,12 +131,12 @@ export function NodeInspector({
|
||||
</label>
|
||||
</div>
|
||||
</section>
|
||||
<section className="flex flex-col gap-[10px] border-b border-[#e7ecf1] p-[14px]">
|
||||
<section className="flex flex-col gap-[10px] border-b border-line p-[14px]">
|
||||
<h3 className="mb-[2px] text-[13px] text-[#273b50]">运行参数</h3>
|
||||
<label className="flex flex-col gap-[5px]">
|
||||
<span className="text-[10px] font-semibold text-[#758497]">arguments_json</span>
|
||||
<span className="text-[10px] font-semibold text-ink-caption">arguments_json</span>
|
||||
<textarea
|
||||
className="w-full resize-y rounded-[5px] border border-line p-[7px_8px] font-mono text-[10px] leading-[1.5] !bg-[#f8fafc] !text-[#37516a] outline-none focus:border-[#81b2e7] focus:shadow-[0_0_0_3px_rgb(38_124_216_/_8%)]"
|
||||
className="w-full resize-y rounded-[5px] border border-line p-[7px_8px] font-mono text-[10px] leading-[1.5] !bg-[#f8fafc] !text-[#37516a] outline-none focus:border-brand/70 focus:ring-3 focus:ring-brand/10"
|
||||
rows={5}
|
||||
spellCheck={false}
|
||||
value={form.argumentsJson}
|
||||
@@ -147,9 +147,9 @@ export function NodeInspector({
|
||||
/>
|
||||
</label>
|
||||
<label className="flex flex-col gap-[5px]">
|
||||
<span className="text-[10px] font-semibold text-[#758497]">env_refs_json</span>
|
||||
<span className="text-[10px] font-semibold text-ink-caption">env_refs_json</span>
|
||||
<textarea
|
||||
className="w-full resize-y rounded-[5px] border border-line p-[7px_8px] font-mono text-[10px] leading-[1.5] !bg-[#f8fafc] !text-[#37516a] outline-none focus:border-[#81b2e7] focus:shadow-[0_0_0_3px_rgb(38_124_216_/_8%)]"
|
||||
className="w-full resize-y rounded-[5px] border border-line p-[7px_8px] font-mono text-[10px] leading-[1.5] !bg-[#f8fafc] !text-[#37516a] outline-none focus:border-brand/70 focus:ring-3 focus:ring-brand/10"
|
||||
rows={4}
|
||||
spellCheck={false}
|
||||
value={form.envRefsJson}
|
||||
|
||||
Reference in New Issue
Block a user