petty09190/wish-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改手機邊距

Browse Source
This commit is contained in:
吳佩庭
2025-07-19 03:35:19 +08:00
parent 8d2ee29a70
commit 6021209701
5 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/analytics/page.tsx
View File

@@ -352,7 +352,7 @@ export default function AnalyticsPage() {
</header> </header>
{/* Main Content */} {/* 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="container mx-auto max-w-7xl">
{/* 頁面標題 - 手機優化 */} {/* 頁面標題 - 手機優化 */}
<div className="text-center mb-6 md:mb-12"> <div className="text-center mb-6 md:mb-12">

2
app/page.tsx
View File

@@ -181,7 +181,7 @@ export default function HomePage() {
</header> </header>
{/* Main Content - 使用 flex-1 讓內容區域填滿剩餘空間 */} {/* 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="container mx-auto text-center max-w-4xl">
{/* 主要許願瓶 - 添加呼吸動畫 */} {/* 主要許願瓶 - 添加呼吸動畫 */}
<div className="mb-12 md:mb-16 relative"> <div className="mb-12 md:mb-16 relative">

2
app/submit/page.tsx
View File

@@ -261,7 +261,7 @@ export default function SubmitPage() {
</header> </header>
{/* Main Content - 手機優化 */} {/* 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="container mx-auto max-w-2xl">
<div className="text-center mb-8 md:mb-10"> <div className="text-center mb-8 md:mb-10">
{/* 小許願瓶 - 添加呼吸動畫 */} {/* 小許願瓶 - 添加呼吸動畫 */}

2
app/thank-you/page.tsx
View File

@@ -209,7 +209,7 @@ export default function ThankYouPage() {
</header> </header>
{/* Main Content */} {/* 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="container mx-auto max-w-4xl">
<div <div
className={`transition-all duration-1000 ${showContent ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"}`} className={`transition-all duration-1000 ${showContent ? "opacity-100 translate-y-0" : "opacity-0 translate-y-8"}`}

8
app/wishes/page.tsx
View File

@@ -420,16 +420,16 @@ export default function WishesPage() {
</header> </header>
{/* Main Content - 手機優化 */} {/* 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="container mx-auto max-w-4xl">
<div className="text-center mb-6 md:mb-8"> <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> <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> </p>
{/* Search Bar and Filter Button - 並排布局 */} {/* 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 */} {/* Search Input */}
<div className="relative flex-1"> <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" /> <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 */} {/* Category Filters */}
{showFilters && ( {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"> <div className="flex items-center justify-between mb-4">
<h3 className="text-lg font-semibold text-white flex items-center gap-2"> <h3 className="text-lg font-semibold text-white flex items-center gap-2">
<Filter className="w-5 h-5" /> <Filter className="w-5 h-5" />