damon/AutonetSellCar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix cost page: unify background colors and width

Browse Source
This commit is contained in:
AutonetSellCar Deploy
2026-01-01 21:05:02 +09:00
parent ca20a099a2
commit 2a3d633e58
3 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/app/cost/page.tsx
View File

@@ -405,9 +405,10 @@ export default function CostPage() {
</div>
{/* Container Matching System */}
<div className="container mx-auto px-4 py-12">
<div className="max-w-5xl mx-auto">
<div className="bg-white rounded-lg shadow-lg p-6 md:p-8">
<div className="bg-white py-12">
<div className="container mx-auto px-4">
<div className="max-w-5xl mx-auto">
<div className="bg-gray-50 rounded-lg shadow-lg p-6 md:p-8">
<div className="text-center mb-8">
<h2 className="text-2xl font-bold text-gray-800 mb-2">{t.containerMatching}</h2>
<p className="text-gray-600">{t.containerMatchingDesc}</p>
@@ -568,13 +569,15 @@ export default function CostPage() {
</div>
</div>
</div>
</div>
</div>
</div>
{/* Cost Calculator */}
<div className="container mx-auto px-4 py-12">
<div className="max-w-2xl mx-auto">
<div className="bg-white rounded-lg shadow-lg p-8">
<div className="bg-white py-12">
<div className="container mx-auto px-4">
<div className="max-w-5xl mx-auto">
<div className="bg-gray-50 rounded-lg shadow-lg p-8">
<h2 className="text-2xl font-bold text-gray-800 text-center mb-8">{t.costCalculator}</h2>
{/* Input Fields */}
@@ -689,6 +692,7 @@ export default function CostPage() {
</div>
</div>
)}
</div>
</div>
</div>
</div>