fix: Add max-w-4xl mx-auto to sections for consistent width

This commit is contained in:
OpenCode Agent
2026-04-02 19:04:15 +07:00
parent 8ae6f412d9
commit 5159445a51
19 changed files with 185 additions and 363 deletions

View File

@@ -133,7 +133,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Product Price Table -->
<section class="section bg-gray-50 py-16">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine</h2>
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-12 text-center">เครื่องเชื่อมพร้อมหัวเชื่อม Welding Machine</h2>
<div style="overflow-x: auto;">
<table style="width: 100%; border-collapse: collapse; background: white; border-radius: 10px; overflow: hidden; font-size: 14px;">
@@ -197,7 +198,8 @@ import Footer from '@/components/common/Footer.astro';
<tr style="background: white;"><td style="padding: 12px; text-align: center;">401W110-000</td><td style="padding: 12px; text-align: center;">D110</td><td style="padding: 12px; text-align: center;">4,078.00</td></tr>
<tr style="background: #f9fafb;"><td style="padding: 12px; text-align: center;">401W125-000</td><td style="padding: 12px; text-align: center;">D125</td><td style="padding: 12px; text-align: center;">7,050.00</td></tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
</section>
@@ -205,7 +207,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Temperature Guide -->
<section id="temperature" class="section bg-white">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">อุณหภูมิการเชื่อม PPR</h2>
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">อุณหภูมิการเชื่อม PPR</h2>
<div class="overflow-x-auto">
<table class="w-full border-collapse bg-gray-50 rounded-lg">
<thead>
@@ -224,15 +227,18 @@ import Footer from '@/components/common/Footer.astro';
</tbody>
</table>
</div>
<p class="text-sm text-secondary-600 mt-4">* ค่าเป็นเพียงเป็นแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตเครื่อง</p>
<p class="text-sm text-secondary-600 mt-4">* ค่าเป็นเพียงเป็นแนะนำ ควรตรวจสอบตามคำแนะนำของผู้ผลิตเครื่อง</p>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section id="faq" class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
<div class="space-y-4 max-w-4xl">
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">คำถามที่พบบ่อย</h2>
<div class="space-y-4">
<div class="bg-white rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: PPR ต้องเชื่อมที่อุณหภูมิเท่าไหร่?</h3>
<p class="text-secondary-700">อุณหภูมิมาตรฐานคือ 260°C สำหรับท่อขนาดเล็ก-กลาง สำหรับท่อขนาดใหญ่อาจต้องเพิ่มเป็น 270-290°C</p>
@@ -244,6 +250,7 @@ import Footer from '@/components/common/Footer.astro';
<div class="bg-white rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: ใช้เวลานานแค่ไหนกว่าจะเชื่อมได้?</h3>
<p class="text-secondary-700">ใช้เวลาฝึกฝนประมาณ 1-2 วันก็สามารถเชื่อมได้อย่างมีคุณภาพ สำคัญคือการฝึกฝนและใช้อุปกรณ์ที่ถูกต้อง</p>
</div>
</div>
</div>
</div>