From 36eb0889835321cc9282194c4f2fd954d99e76a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E4=BD=A9=E5=BA=AD?= <petty09190@gmail.com>
Date: Sun, 28 Sep 2025 22:36:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=89=8B=E6=A9=9F=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/admin/analytics/page.tsx  |  2 +-
 app/admin/questions/page.tsx  |  2 +-
 app/admin/results/page.tsx    |  2 +-
 app/admin/users/page.tsx      |  2 +-
 app/results/combined/page.tsx |  2 +-
 app/results/creative/page.tsx |  2 +-
 app/results/logic/page.tsx    |  2 +-
 app/results/page.tsx          | 49 +++++++++++++++++++----------------
 app/settings/page.tsx         |  2 +-
 app/tests/page.tsx            |  2 +-
 10 files changed, 35 insertions(+), 32 deletions(-)

diff --git a/app/admin/analytics/page.tsx b/app/admin/analytics/page.tsx
index 6bee7b2..b81dbd0 100644
--- a/app/admin/analytics/page.tsx
+++ b/app/admin/analytics/page.tsx
@@ -235,7 +235,7 @@ function AnalyticsContent() {
             <Button variant="ghost" size="sm" asChild>
               <Link href="/dashboard">
                 <ArrowLeft className="w-4 h-4 mr-2" />
-                返回儀表板
+                <span className="hidden sm:inline">返回儀表板</span>
               </Link>
             </Button>
             <div>
diff --git a/app/admin/questions/page.tsx b/app/admin/questions/page.tsx
index 37ab034..b54ea0f 100644
--- a/app/admin/questions/page.tsx
+++ b/app/admin/questions/page.tsx
@@ -147,7 +147,7 @@ function QuestionsManagementContent() {
             <Button variant="ghost" size="sm" asChild>
               <Link href="/dashboard">
                 <ArrowLeft className="w-4 h-4 mr-2" />
-                返回儀表板
+                <span className="hidden sm:inline">返回儀表板</span>
               </Link>
             </Button>
             <div>
diff --git a/app/admin/results/page.tsx b/app/admin/results/page.tsx
index 4f4c829..347bce9 100644
--- a/app/admin/results/page.tsx
+++ b/app/admin/results/page.tsx
@@ -230,7 +230,7 @@ function AdminResultsContent() {
             <Button variant="ghost" size="sm" asChild>
               <Link href="/dashboard">
                 <ArrowLeft className="w-4 h-4 mr-2" />
-                返回儀表板
+                <span className="hidden sm:inline">返回儀表板</span>
               </Link>
             </Button>
             <div>
diff --git a/app/admin/users/page.tsx b/app/admin/users/page.tsx
index 163502e..8a3ad89 100644
--- a/app/admin/users/page.tsx
+++ b/app/admin/users/page.tsx
@@ -160,7 +160,7 @@ function UsersManagementContent() {
             <Button variant="ghost" size="sm" asChild>
               <Link href="/dashboard">
                 <ArrowLeft className="w-4 h-4 mr-2" />
-                返回儀表板
+                <span className="hidden sm:inline">返回儀表板</span>
               </Link>
             </Button>
             <div>
diff --git a/app/results/combined/page.tsx b/app/results/combined/page.tsx
index c16a193..71b754e 100644
--- a/app/results/combined/page.tsx
+++ b/app/results/combined/page.tsx
@@ -275,7 +275,7 @@ export default function CombinedResultsPage() {
             <Button asChild size="lg">
               <Link href="/">
                 <Home className="w-4 h-4 mr-2" />
-                返回首頁
+                <span className="hidden sm:inline">返回首頁</span>
               </Link>
             </Button>
             <Button asChild variant="outline" size="lg">
diff --git a/app/results/creative/page.tsx b/app/results/creative/page.tsx
index e8d6129..6bcd5d3 100644
--- a/app/results/creative/page.tsx
+++ b/app/results/creative/page.tsx
@@ -205,7 +205,7 @@ export default function CreativeResultsPage() {
             <Button asChild size="lg">
               <Link href="/">
                 <Home className="w-4 h-4 mr-2" />
-                返回首页
+                <span className="hidden sm:inline">返回首頁</span>
               </Link>
             </Button>
             <Button asChild variant="outline" size="lg">
diff --git a/app/results/logic/page.tsx b/app/results/logic/page.tsx
index 80d1488..26ac104 100644
--- a/app/results/logic/page.tsx
+++ b/app/results/logic/page.tsx
@@ -174,7 +174,7 @@ export default function LogicResultsPage() {
             <Button asChild size="lg">
               <Link href="/">
                 <Home className="w-4 h-4 mr-2" />
-                返回首頁
+                <span className="hidden sm:inline">返回首頁</span>
               </Link>
             </Button>
             <Button asChild variant="outline" size="lg">
diff --git a/app/results/page.tsx b/app/results/page.tsx
index c1be2c9..21e5185 100644
--- a/app/results/page.tsx
+++ b/app/results/page.tsx
@@ -149,7 +149,7 @@ function ResultsContent() {
               <Button variant="ghost" size="sm" asChild>
                 <Link href="/dashboard">
                   <ArrowLeft className="w-4 h-4 mr-2" />
-                  返回儀表板
+                  <span className="hidden sm:inline">返回儀表板</span>
                 </Link>
               </Button>
               <div>
@@ -193,7 +193,7 @@ function ResultsContent() {
             <Button variant="ghost" size="sm" asChild>
               <Link href="/dashboard">
                 <ArrowLeft className="w-4 h-4 mr-2" />
-                返回儀表板
+                <span className="hidden sm:inline">返回儀表板</span>
               </Link>
             </Button>
             <div>
@@ -285,31 +285,34 @@ function ResultsContent() {
                   return (
                     <div
                       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={`w-12 h-12 ${testInfo.color} rounded-lg flex items-center justify-center`}>
-                          <Icon className="w-6 h-6 text-white" />
+                      <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+                        <div className="flex items-center gap-4">
+                          <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>
-                          <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="text-right">
-                          <div className="text-2xl font-bold text-foreground">{result.score}</div>
-                          <Badge className={`${scoreLevel.color} text-white`}>{scoreLevel.level}</Badge>
+                        <div className="flex items-center justify-between sm:justify-end gap-4">
+                          <div className="text-center sm:text-right">
+                            <div className="text-2xl font-bold text-foreground">{result.score}</div>
+                            <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>
-                        <Button asChild variant="outline" size="sm">
-                          <Link href={testInfo.link}>
-                            <Eye className="w-4 h-4 mr-2" />
-                            查看詳情
-                          </Link>
-                        </Button>
                       </div>
                     </div>
                   )
diff --git a/app/settings/page.tsx b/app/settings/page.tsx
index fbe267c..b6311fe 100644
--- a/app/settings/page.tsx
+++ b/app/settings/page.tsx
@@ -159,7 +159,7 @@ function SettingsContent() {
             <Button variant="ghost" size="sm" asChild>
               <Link href="/dashboard">
                 <ArrowLeft className="w-4 h-4 mr-2" />
-                返回儀表板
+                <span className="hidden sm:inline">返回儀表板</span>
               </Link>
             </Button>
             <div>
diff --git a/app/tests/page.tsx b/app/tests/page.tsx
index 78cd8a1..1fa84c3 100644
--- a/app/tests/page.tsx
+++ b/app/tests/page.tsx
@@ -13,7 +13,7 @@ export default function TestsPage() {
             <Button variant="ghost" size="sm" asChild>
               <Link href="/">
                 <ArrowLeft className="w-4 h-4 mr-2" />
-                返回首頁
+                <span className="hidden sm:inline">返回首頁</span>
               </Link>
             </Button>
             <div>