feat: improve accessibility and mobile responsiveness across UI components

Enhanced dialog accessibility by adding descriptive text to all dialog components. Implemented responsive layouts for mobile devices including card-based user table, adaptive navigation bar, and improved dialog spacing. Fixed Aliyun TTS health check to use WebSocket-based connectivity testing.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-03 18:03:38 +08:00
parent e7b3700a28
commit d8a9f277be
11 changed files with 172 additions and 77 deletions

View File

@@ -3,6 +3,7 @@ import type { Job } from '@/types/job'
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog'
@@ -76,6 +77,7 @@ const JobDetailDialog = memo(({ job, open, onOpenChange }: JobDetailDialogProps)
{formatTimestamp(job.created_at)}
</span>
</div>
<DialogDescription></DialogDescription>
</DialogHeader>
<ScrollArea className="max-h-[calc(90vh-120px)] pr-4">