fix: 插件设置页加返回按钮;修复 string/number 输入框 w-full 覆盖定宽导致 label 被挤成竖排

This commit is contained in:
Rick Ye
2026-09-11 10:52:11 +08:00
parent aadd3adb2e
commit 823dd26a96
@@ -2,6 +2,7 @@ import { memo, useEffect, useMemo, useRef, useState, useTransition, type ReactNo
import type { JSX, RefObject } from 'react'
import { useVirtualizer } from '@tanstack/react-virtual'
import {
LuArrowLeft,
LuCheck,
LuCpu,
LuFolderOpen,
@@ -878,8 +879,9 @@ function PluginSettingsForm({
}
}
// 注意不要写 w-full:string/number 控件要定宽(w-56/w-28)跟 label 同行,w-full 会把 label 挤成竖排
const inputCls =
'w-full rounded-control border border-line-strong bg-surface px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3 focus:border-ink-3'
'rounded-control border border-line-strong bg-surface px-2.5 py-1.5 text-[12px] text-ink outline-none placeholder:text-ink-3 focus:border-ink-3'
return (
<div className="space-y-1">
@@ -953,7 +955,7 @@ function PluginSettingsForm({
value={typeof value === 'string' ? value : ''}
placeholder={item.placeholder}
onChange={(e) => onChange(item.key, e.target.value)}
className={`${inputCls} mt-2 resize-y font-mono`}
className={`${inputCls} mt-2 w-full resize-y font-mono`}
/>
</div>
)
@@ -1389,6 +1391,16 @@ export function SettingsModal({
{/* 右侧:内容页 */}
<div className="flex min-w-0 flex-1 flex-col">
<div className="flex items-start gap-3 px-6 pb-3 pt-5">
{tab.startsWith('plugin:') && (
<button
type="button"
onClick={() => setTab('plugins')}
className="mt-0.5 flex shrink-0 items-center gap-1 rounded-control border border-line-strong px-2 py-1 text-[11.5px] text-ink transition-colors hover:bg-hover"
>
<LuArrowLeft size={13} />
返回
</button>
)}
<div className="min-w-0 flex-1">
<div className="text-[16px] font-semibold text-ink">{meta.title}</div>
{meta.desc && <div className="mt-0.5 text-[12px] leading-5 text-ink-3">{meta.desc}</div>}