yml/kefu_cloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化整体ui-1

Browse Source
This commit is contained in:
yml2213
2026-08-31 16:25:26 +08:00
parent 2b57bdc0c8
commit 198ff9e1fb
19 changed files with 1273 additions and 959 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/agent/Settings.tsx
+15 -14
View File
@@ -416,17 +416,17 @@ const Settings = () => {
) : null
return (
<div className="h-full flex min-h-0 overflow-hidden bg-neutral-50">
{/* 左侧设置导航 — 顶栏 56px 对齐 */}
<aside className="w-[220px] shrink-0 flex flex-col bg-white border-r border-neutral-200">
<div className="h-full flex min-h-0 overflow-hidden bg-slate-50/60">
{/* 左侧设置导航 — 顶栏 56px */}
<aside className="w-[210px] shrink-0 flex flex-col bg-white border-r border-slate-200/80">
<div
className="shrink-0 px-4 flex flex-col justify-center border-b border-neutral-200"
className="shrink-0 px-4 flex flex-col justify-center border-b border-slate-100"
style={{ height: 'var(--header-height)' }}
>
<div className="text-sm font-semibold text-neutral-900 leading-tight">系统设置</div>
<div className="text-[11px] text-neutral-400 truncate leading-tight mt-0.5">配置与渠道接入</div>
<div className="text-xs font-bold text-slate-900 leading-tight">系统设置</div>
<div className="text-[10px] text-slate-400 truncate leading-tight mt-0.5 font-medium">配置与渠道接入</div>
</div>
<nav className="flex-1 overflow-y-auto py-2 px-2">
<nav className="flex-1 overflow-y-auto p-2 space-y-0.5">
{tabItems.map(item => {
const active = activeTab === item.key
return (
@@ -434,13 +434,13 @@ const Settings = () => {
key={item.key}
type="button"
onClick={() => setActiveTab(item.key)}
className={`w-full flex items-center gap-2.5 px-3 py-2 rounded-md text-sm text-left border-0 cursor-pointer transition-colors mb-0.5 ${
className={`w-full flex items-center gap-2.5 px-3 py-2 rounded-xl text-xs text-left border-0 cursor-pointer transition-all ${
active
? 'bg-[#eff6ff] text-[#2563eb] font-medium'
: 'bg-transparent text-neutral-600 hover:bg-neutral-50'
? 'bg-blue-50/80 text-blue-600 font-semibold shadow-2xs'
: 'bg-transparent text-slate-600 hover:bg-slate-50 hover:text-slate-900'
}`}
>
<span className={`text-base leading-none ${active ? 'text-[#2563eb]' : 'text-neutral-400'}`}>
<span className={`text-sm leading-none ${active ? 'text-blue-600' : 'text-slate-400'}`}>
{item.icon}
</span>
<span className="truncate">{item.label}</span>
@@ -453,11 +453,12 @@ const Settings = () => {
{/* 右侧内容 */}
<section className="flex-1 flex flex-col min-w-0 overflow-hidden">
<div
className="shrink-0 px-6 flex items-center justify-between gap-3 border-b border-neutral-200 bg-white"
className="shrink-0 px-6 flex items-center justify-between gap-3 border-b border-slate-200/80 bg-white"
style={{ height: 'var(--header-height)' }}
>
<div className="min-w-0">
<h1 className="text-base font-semibold text-neutral-900 m-0 truncate">{currentTab.label}</h1>
<h1 className="text-sm font-bold text-slate-900 m-0 truncate">{currentTab.label}</h1>
<p className="text-[11px] text-slate-400 m-0 leading-tight">{currentTab.desc}</p>
</div>
{panelHeaderAction}
{activeTab === 'staff' && isAdmin && (
@@ -465,7 +466,7 @@ const Settings = () => {
type="primary"
size="small"
icon={<PlusOutlined />}
className="!h-8"
className="!h-8 !rounded-lg !text-xs !font-semibold !bg-gradient-to-r !from-blue-600 !to-blue-500 shadow-sm shadow-blue-500/20"
disabled={seatLimit > 0 && seatUsed >= seatLimit}
onClick={openCreateStaff}
>