From 602120970100a7cbe2ef37fa91825016cda2c5c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B3=E4=BD=A9=E5=BA=AD?= <petty09190@gmail.com>
Date: Sat, 19 Jul 2025 03:35:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=89=8B=E6=A9=9F=E9=82=8A?=
 =?UTF-8?q?=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/analytics/page.tsx | 2 +-
 app/page.tsx           | 2 +-
 app/submit/page.tsx    | 2 +-
 app/thank-you/page.tsx | 2 +-
 app/wishes/page.tsx    | 8 ++++----
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/analytics/page.tsx b/app/analytics/page.tsx
index 2c48614..73ed6f6 100644
--- a/app/analytics/page.tsx
+++ b/app/analytics/page.tsx
@@ -352,7 +352,7 @@ export default function AnalyticsPage() {
       </header>
 
       {/* Main Content */}
-      <main className="py-6 md:py-12 px-2 sm:px-3 md:px-4">
+      <main className="py-6 md:py-12 px-1 sm:px-3 md:px-4">
         <div className="container mx-auto max-w-7xl">
           {/* 頁面標題 - 手機優化 */}
           <div className="text-center mb-6 md:mb-12">
diff --git a/app/page.tsx b/app/page.tsx
index 5384199..8a7ce74 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -181,7 +181,7 @@ export default function HomePage() {
       </header>
 
       {/* Main Content - 使用 flex-1 讓內容區域填滿剩餘空間 */}
-      <main className="flex-1 flex flex-col justify-center py-12 md:py-20 px-2 sm:px-4 relative">
+      <main className="flex-1 flex flex-col justify-center py-12 md:py-20 px-1 sm:px-4 relative">
         <div className="container mx-auto text-center max-w-4xl">
           {/* 主要許願瓶 - 添加呼吸動畫 */}
           <div className="mb-12 md:mb-16 relative">
diff --git a/app/submit/page.tsx b/app/submit/page.tsx
index 81ded11..1dd02e7 100644
--- a/app/submit/page.tsx
+++ b/app/submit/page.tsx
@@ -261,7 +261,7 @@ export default function SubmitPage() {
       </header>
 
       {/* Main Content - 手機優化 */}
-      <main className="py-12 md:py-12 px-2 sm:px-4">
+      <main className="py-12 md:py-12 px-1 sm:px-4">
         <div className="container mx-auto max-w-2xl">
           <div className="text-center mb-8 md:mb-10">
             {/* 小許願瓶 - 添加呼吸動畫 */}
diff --git a/app/thank-you/page.tsx b/app/thank-you/page.tsx
index dc667c4..c8f57c0 100644
--- a/app/thank-you/page.tsx
+++ b/app/thank-you/page.tsx
@@ -209,7 +209,7 @@ export default function ThankYouPage() {
       </header>
 
       {/* Main Content */}
-      <main className="py-8 md:py-16 px-2 sm:px-4">
+      <main className="py-8 md:py-16 px-1 sm:px-4">
         <div className="container mx-auto max-w-4xl">
           <div
             className={`transition-all duration-1000 ${showContent ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"}`}
diff --git a/app/wishes/page.tsx b/app/wishes/page.tsx
index 99b0c68..3a202a0 100644
--- a/app/wishes/page.tsx
+++ b/app/wishes/page.tsx
@@ -420,16 +420,16 @@ export default function WishesPage() {
       </header>
 
       {/* Main Content - 手機優化 */}
-      <main className="py-8 md:py-12 px-2 sm:px-4">
+      <main className="py-8 md:py-12 px-1 sm:px-4">
         <div className="container mx-auto max-w-4xl">
           <div className="text-center mb-6 md:mb-8">
             <h2 className="text-2xl md:text-3xl font-bold text-white mb-3 md:mb-4">聆聽每一份真實經歷</h2>
-            <p className="text-blue-200 mb-4 md:mb-6 text-sm md:text-base px-2 sm:px-4">
+            <p className="text-blue-200 mb-4 md:mb-6 text-sm md:text-base px-1 sm:px-4">
               這裡收集了許多職場工作者願意公開分享的真實困擾和經驗
             </p>
 
             {/* Search Bar and Filter Button - 並排布局 */}
-            <div className="flex flex-col sm:flex-row gap-3 max-w-lg mx-auto px-1 sm:px-2 md:px-0 mb-4">
+            <div className="flex flex-col sm:flex-row gap-3 max-w-lg mx-auto px-0 sm:px-2 md:px-0 mb-4">
               {/* Search Input */}
               <div className="relative flex-1">
                 <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-blue-300 w-4 h-4" />
@@ -465,7 +465,7 @@ export default function WishesPage() {
 
           {/* Category Filters */}
           {showFilters && (
-            <div className="mb-6 md:mb-8 p-3 sm:p-4 md:p-6 bg-slate-800/30 backdrop-blur-sm rounded-xl border border-slate-600/50 animate-in slide-in-from-top-2 duration-200 mx-1 sm:mx-0">
+            <div className="mb-6 md:mb-8 p-3 sm:p-4 md:p-6 bg-slate-800/30 backdrop-blur-sm rounded-xl border border-slate-600/50 animate-in slide-in-from-top-2 duration-200 mx-0 sm:mx-0">
               <div className="flex items-center justify-between mb-4">
                 <h3 className="text-lg font-semibold text-white flex items-center gap-2">
                   <Filter className="w-5 h-5" />