petty09190/hr-assessment-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

優化手機介面

Browse Source
This commit is contained in:
吳佩庭
2025-10-12 01:55:31 +08:00
parent 6f7ed92a8a
commit fbb423243a
2 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
components/combined-analysis.tsx
View File

@@ -118,24 +118,24 @@ export function CombinedAnalysis({
<Card className="text-center">
<CardHeader>
<div
className={`w-24 h-24 ${getLevelColor(overallScore)} rounded-full flex items-center justify-center mx-auto mb-4`}
className={`w-20 h-20 sm:w-24 sm:h-24 ${getLevelColor(overallScore)} rounded-full flex items-center justify-center mx-auto mb-4`}
>
<span className="text-3xl font-bold text-white">{overallScore}</span>
<span className="text-2xl sm:text-3xl font-bold text-white">{overallScore}</span>
</div>
<CardTitle className="text-3xl mb-2">
<CardTitle className="text-xl sm:text-2xl lg:text-3xl mb-2 px-2">
綜合測試{isTimeout ? '(時間到)' : ''}完成！
</CardTitle>
<div className="flex items-center justify-center gap-2 mb-4">
<Badge variant="secondary" className="text-lg px-4 py-1 bg-gradient-to-r from-blue-500 to-teal-500 text-white">
<div className="flex flex-col sm:flex-row items-center justify-center gap-2 sm:gap-3 mb-4 px-2">
<Badge variant="secondary" className="text-sm sm:text-base lg:text-lg px-3 sm:px-4 py-1 bg-gradient-to-r from-blue-500 to-teal-500 text-white">
{level}
</Badge>
{isTimeout && (
<Badge variant="destructive" className="text-lg px-4 py-1">
<Badge variant="destructive" className="text-sm sm:text-base lg:text-lg px-3 sm:px-4 py-1">
時間到強制提交
</Badge>
)}
</div>
<p className="text-lg text-muted-foreground mb-3">{description}</p>
<p className="text-sm sm:text-base lg:text-lg text-muted-foreground mb-3 px-4">{description}</p>
</CardHeader>
<CardContent>
<Progress value={overallScore} className="h-3 mb-4" />