修改手機布局
This commit is contained in:
@@ -235,7 +235,7 @@ function AnalyticsContent() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/dashboard">
|
<Link href="/dashboard">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回儀表板
|
<span className="hidden sm:inline">返回儀表板</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
|
@@ -147,7 +147,7 @@ function QuestionsManagementContent() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/dashboard">
|
<Link href="/dashboard">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回儀表板
|
<span className="hidden sm:inline">返回儀表板</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
|
@@ -230,7 +230,7 @@ function AdminResultsContent() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/dashboard">
|
<Link href="/dashboard">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回儀表板
|
<span className="hidden sm:inline">返回儀表板</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
|
@@ -160,7 +160,7 @@ function UsersManagementContent() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/dashboard">
|
<Link href="/dashboard">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回儀表板
|
<span className="hidden sm:inline">返回儀表板</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
|
@@ -275,7 +275,7 @@ export default function CombinedResultsPage() {
|
|||||||
<Button asChild size="lg">
|
<Button asChild size="lg">
|
||||||
<Link href="/">
|
<Link href="/">
|
||||||
<Home className="w-4 h-4 mr-2" />
|
<Home className="w-4 h-4 mr-2" />
|
||||||
返回首頁
|
<span className="hidden sm:inline">返回首頁</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<Button asChild variant="outline" size="lg">
|
<Button asChild variant="outline" size="lg">
|
||||||
|
@@ -205,7 +205,7 @@ export default function CreativeResultsPage() {
|
|||||||
<Button asChild size="lg">
|
<Button asChild size="lg">
|
||||||
<Link href="/">
|
<Link href="/">
|
||||||
<Home className="w-4 h-4 mr-2" />
|
<Home className="w-4 h-4 mr-2" />
|
||||||
返回首页
|
<span className="hidden sm:inline">返回首頁</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<Button asChild variant="outline" size="lg">
|
<Button asChild variant="outline" size="lg">
|
||||||
|
@@ -174,7 +174,7 @@ export default function LogicResultsPage() {
|
|||||||
<Button asChild size="lg">
|
<Button asChild size="lg">
|
||||||
<Link href="/">
|
<Link href="/">
|
||||||
<Home className="w-4 h-4 mr-2" />
|
<Home className="w-4 h-4 mr-2" />
|
||||||
返回首頁
|
<span className="hidden sm:inline">返回首頁</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<Button asChild variant="outline" size="lg">
|
<Button asChild variant="outline" size="lg">
|
||||||
|
@@ -149,7 +149,7 @@ function ResultsContent() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/dashboard">
|
<Link href="/dashboard">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回儀表板
|
<span className="hidden sm:inline">返回儀表板</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
@@ -193,7 +193,7 @@ function ResultsContent() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/dashboard">
|
<Link href="/dashboard">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回儀表板
|
<span className="hidden sm:inline">返回儀表板</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
@@ -285,31 +285,34 @@ function ResultsContent() {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={index}
|
key={index}
|
||||||
className="flex items-center justify-between p-4 border rounded-lg hover:bg-muted/50 transition-colors"
|
className="p-4 border rounded-lg hover:bg-muted/50 transition-colors"
|
||||||
>
|
>
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
|
||||||
<div className={`w-12 h-12 ${testInfo.color} rounded-lg flex items-center justify-center`}>
|
<div className="flex items-center gap-4">
|
||||||
<Icon className="w-6 h-6 text-white" />
|
<div className={`w-12 h-12 ${testInfo.color} rounded-lg flex items-center justify-center flex-shrink-0`}>
|
||||||
|
<Icon className="w-6 h-6 text-white" />
|
||||||
|
</div>
|
||||||
|
<div className="min-w-0 flex-1">
|
||||||
|
<h3 className="font-medium text-foreground">{testInfo.name}</h3>
|
||||||
|
<p className="text-sm text-muted-foreground">
|
||||||
|
完成時間:{new Date(result.completedAt).toLocaleString("zh-TW")}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<h3 className="font-medium text-foreground">{testInfo.name}</h3>
|
|
||||||
<p className="text-sm text-muted-foreground">
|
|
||||||
完成時間:{new Date(result.completedAt).toLocaleString("zh-TW")}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center justify-between sm:justify-end gap-4">
|
||||||
<div className="text-right">
|
<div className="text-center sm:text-right">
|
||||||
<div className="text-2xl font-bold text-foreground">{result.score}</div>
|
<div className="text-2xl font-bold text-foreground">{result.score}</div>
|
||||||
<Badge className={`${scoreLevel.color} text-white`}>{scoreLevel.level}</Badge>
|
<Badge className={`${scoreLevel.color} text-white`}>{scoreLevel.level}</Badge>
|
||||||
|
</div>
|
||||||
|
<Button asChild variant="outline" size="sm" className="flex-shrink-0">
|
||||||
|
<Link href={testInfo.link}>
|
||||||
|
<Eye className="w-4 h-4 mr-2" />
|
||||||
|
<span className="hidden sm:inline">查看詳情</span>
|
||||||
|
<span className="sm:hidden">詳情</span>
|
||||||
|
</Link>
|
||||||
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
<Button asChild variant="outline" size="sm">
|
|
||||||
<Link href={testInfo.link}>
|
|
||||||
<Eye className="w-4 h-4 mr-2" />
|
|
||||||
查看詳情
|
|
||||||
</Link>
|
|
||||||
</Button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
@@ -159,7 +159,7 @@ function SettingsContent() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/dashboard">
|
<Link href="/dashboard">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回儀表板
|
<span className="hidden sm:inline">返回儀表板</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
|
@@ -13,7 +13,7 @@ export default function TestsPage() {
|
|||||||
<Button variant="ghost" size="sm" asChild>
|
<Button variant="ghost" size="sm" asChild>
|
||||||
<Link href="/">
|
<Link href="/">
|
||||||
<ArrowLeft className="w-4 h-4 mr-2" />
|
<ArrowLeft className="w-4 h-4 mr-2" />
|
||||||
返回首頁
|
<span className="hidden sm:inline">返回首頁</span>
|
||||||
</Link>
|
</Link>
|
||||||
</Button>
|
</Button>
|
||||||
<div>
|
<div>
|
||||||
|
Reference in New Issue
Block a user