rlwj-lab/aiops
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复 Agent 安装向导布局

Browse Source 
- 限制弹窗尺寸并支持内容滚动
- Tabs 等分宽度并截断长文案，避免越界
This commit is contained in:
Logan.Li committed 2026-07-25 14:28:21 +08:00
1 parent 5618cd2738
commit 74fa122319
1 file changed
+15 -14
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/agent/AgentWizard.tsx
+15 -14
View File
@@ -230,7 +230,8 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="max-w-2xl dg-card text-[var(--dg-text-primary)]">
{/* 限制向导尺寸并允许内部滚动，避免长文案或窄屏突破弹窗边框。 // Logan.Li */}
<DialogContent className="w-[calc(100%-2rem)] max-w-2xl max-h-[calc(100vh-2rem)] overflow-y-auto dg-card text-[var(--dg-text-primary)]">
<DialogHeader>
<DialogTitle className="text-[var(--dg-text-primary)]">
{server ? `部署 Agent → ${server.hostname}` : i18n.t('agent.agentwizardtsx.s812cc1a5')}
@@ -243,26 +244,26 @@ export function AgentWizard({ open, onOpenChange, server, onStart, onInstalled,
</DialogDescription>
</DialogHeader>
<Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
<TabsList className="bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
<TabsTrigger value="auto" className="data-[state=active]:bg-[var(--dg-bg-active)]">
<Terminal className="h-4 w-4 mr-1.5" />
{isWindowsServer ? 'PowerShell 安装' : i18n.t('agent.agentwizardtsx.s1a2b3c4d')}
<Tabs value={activeTab} onValueChange={setActiveTab} className="w-full min-w-0">
<TabsList className="grid h-auto w-full grid-cols-3 bg-[var(--dg-bg-tertiary)] border border-[var(--dg-border)]">
<TabsTrigger value="auto" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)]">
<Terminal className="h-4 w-4 mr-1 shrink-0 sm:mr-1.5" />
<span className="truncate">{isWindowsServer ? 'PowerShell 安装' : i18n.t('agent.agentwizardtsx.s1a2b3c4d')}</span>
</TabsTrigger>
{server && !isWindowsServer && (
<TabsTrigger value="ssh" className="data-[state=active]:bg-[var(--dg-bg-active)]">
<Zap className="h-4 w-4 mr-1.5" />
{i18n.t('agent.agentwizardtsx.s2b3c4d5e')}
<TabsTrigger value="ssh" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)]">
<Zap className="h-4 w-4 mr-1 shrink-0 sm:mr-1.5" />
<span className="truncate">{i18n.t('agent.agentwizardtsx.s2b3c4d5e')}</span>
</TabsTrigger>
)}
{!server && (
<TabsTrigger value="ssh" className="data-[state=active]:bg-[var(--dg-bg-active)] opacity-50 cursor-not-allowed" disabled>
<Zap className="h-4 w-4 mr-1.5" />
SSH一键安装
<TabsTrigger value="ssh" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)] opacity-50 cursor-not-allowed" disabled>
<Zap className="h-4 w-4 mr-1 shrink-0 sm:mr-1.5" />
<span className="truncate">SSH一键安装</span>
</TabsTrigger>
)}
<TabsTrigger value="manual" className="data-[state=active]:bg-[var(--dg-bg-active)]">
{i18n.t('agent.agentwizardtsx.s3c4d5e6f')}
<TabsTrigger value="manual" className="min-w-0 justify-center px-2 text-xs sm:text-sm data-[state=active]:bg-[var(--dg-bg-active)]">
<span className="truncate">{i18n.t('agent.agentwizardtsx.s3c4d5e6f')}</span>
</TabsTrigger>
</TabsList>