style(AppLayout): 调整标签和按钮样式以改善布局

style(Channels): 修改渠道标识文本样式以提升可读性
style(Dashboard): 优化描述文本顺序以增强表达效果
This commit is contained in:
Jeff Gu committed 2026-04-09 14:28:22 +08:00
1 parent f83fd8b116
commit 280a4fc8c1
3 files changed
+6 -5

No files matched your search

+3 -2
View File
@@ -120,7 +120,7 @@ export function AppLayout({ children }: AppLayoutProps) {
<form onSubmit={handleAuthSubmit}>
<div className="space-y-4">
<div className="space-y-2">
<Label htmlFor="adminToken">管理员令牌</Label>
<Label className="block" htmlFor="adminToken">管理员令牌</Label>
<Input
id="adminToken"
type="password"
@@ -138,11 +138,12 @@ export function AppLayout({ children }: AppLayoutProps) {
)}
</div>
<DialogFooter className="mt-6">
<DialogFooter className="mt-6 gap-2">
<Button
type="button"
variant="outline"
onClick={closeAuthModal}
className='mr-0'
>
取消
</Button>
+2 -2
View File
@@ -731,8 +731,8 @@ export function Channels() {
<div className="space-y-6">
<Card>
<CardContent className="p-5">
<h3 className="font-medium mb-4">渠道标识</h3>
<p className="text-sm text-muted-foreground mb-3">用于内部识别的唯一标识</p>
<h3 className="font-medium">渠道标识</h3>
<p className="text-sm text-muted-foreground mb-4">用于内部识别的唯一标识</p>
<Input
value={channelKey}
onChange={(e) => setChannelKey(e.target.value)}
+1 -1
View File
@@ -65,7 +65,7 @@ export function Dashboard() {
</span>
</h1>
<p className="text-lg md:text-xl text-muted-foreground leading-relaxed mb-8 max-w-2xl">
基于 Cloudflare Workers<br/>分布式、高性能、低延迟的 AI 统一网关
基于 Cloudflare Workers<br/>分布式、低延迟、高性能的 AI 统一网关
</p>
<div className="flex flex-wrap gap-3">
<Button