kunthawat/dealplustech-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/ท่อและข้อต่อpvc/index.astro
View File

@@ -202,7 +202,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Installation Guide -->
<section class="section bg-secondary-50">
<div class="container-custom">
<h3 class="text-xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
<div class="max-w-4xl mx-auto">
<h3 class="text-xl font-bold text-secondary-900 mb-6">วิธีการติดตั้ง ท่อ PVC</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="card-glass rounded-xl p-6">
<div class="w-12 h-12 bg-primary-600 text-white rounded-full flex items-center justify-center text-xl font-bold mb-4">1</div>
@@ -235,8 +236,9 @@ import Footer from '@/components/common/Footer.astro';
<p class="text-secondary-600 text-sm">ก่อนใช้งานควรทิ้งให้น้ำยาประสานท่อแห้งประมาณ 10 นาที</p>
</div>
</div>
<div class="mt-6">
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
<div class="mt-6">
<img src="/images/products-misc/ติดตั้งท่อPVCมาตรฐานสูง-01.jpg" alt="วิธีการติดตั้งท่อ PVC" class="w-full h-auto rounded-xl shadow-md" width="600" height="400" loading="lazy" decoding="async" onerror="this.style.display='none'" />
</div>
</div>
</div>
</section>
@@ -244,7 +246,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Size Table -->
<section class="section bg-white">
<div class="container-custom">
<h3 class="text-xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
<div class="max-w-4xl mx-auto">
<h3 class="text-xl font-bold text-secondary-900 mb-6">ขนาดท่อ PVC กับการใช้งาน</h3>
<div class="overflow-x-auto">
<table class="modern-table w-full">
<thead class="bg-primary-600 text-white">
@@ -291,7 +294,8 @@ import Footer from '@/components/common/Footer.astro';
<td class="px-6 py-4 border-b border-secondary-200 text-lg">งานเฉพาะทาง ก่อสร้างอาคาร งานเกษตร จ่ายน้ำปริมาณมาก</td>
</tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
</section>
@@ -299,7 +303,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Fitting Types Guide -->
<section id="fittings" class="section bg-white">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทข้อต่อ PVC</h2>
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ประเภทข้อต่อ PVC</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
<div class="bg-gray-50 p-4 rounded-lg">
<h3 class="font-bold text-secondary-900 mb-2">ข้อต่อ L (เอล)</h3>
@@ -325,6 +330,7 @@ import Footer from '@/components/common/Footer.astro';
<h3 class="font-bold text-secondary-900 mb-2">ข้อลด</h3>
<p class="text-secondary-700 text-sm">ใช้เชื่อมท่อขนาดต่างกัน</p>
</div>
</div>
</div>
</div>
</section>
@@ -332,7 +338,8 @@ import Footer from '@/components/common/Footer.astro';
<!-- Size Selection Chart -->
<section id="sizes" class="section bg-gray-50">
<div class="container-custom">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตารางขนาดท่อ PVC</h2>
<div class="max-w-4xl mx-auto">
<h2 class="text-xl font-bold text-secondary-900 mb-8">ตารางขนาดท่อ PVC</h2>
<div class="overflow-x-auto">
<table class="w-full border-collapse bg-white rounded-lg">
<thead>
@@ -352,7 +359,8 @@ import Footer from '@/components/common/Footer.astro';
<tr><td class="px-4 py-2 font-medium">3"</td><td class="px-4 py-2 text-center">89</td><td class="px-4 py-2 text-center">5.0</td><td class="px-4 py-2">ท่อระบายน้ำใหญ่</td></tr>
<tr><td class="px-4 py-2 font-medium">4"</td><td class="px-4 py-2 text-center">114</td><td class="px-4 py-2 text-center">5.6</td><td class="px-4 py-2">ท่อส่งน้ำ</td></tr>
</tbody>
</table>
</table>
</div>
</div>
</div>
</section>
@@ -360,8 +368,9 @@ import Footer from '@/components/common/Footer.astro';
<!-- FAQ Section -->
<section id="faq" class="section bg-white">
<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-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: PVC กับ CPVC ต่างกันอย่างไร?</h3>
<p class="text-secondary-700">PVC ทำจากพอลิไวนิลคลอไรด์ ใช้กับน้ำเย็นและระบายน้ำ ส่วน CPVC มีคลอรีนเพิ่มทำให้ทนความร้อนได้สูงกว่า (95°C) เหมาะกับน้ำร้อน</p>
@@ -373,6 +382,7 @@ import Footer from '@/components/common/Footer.astro';
<div class="bg-gray-50 rounded-lg p-4">
<h3 class="font-semibold text-secondary-900 mb-2">Q: ข้อต่อหลุดง่ายไหม?</h3>
<p class="text-secondary-700">ถ้าใช้กาวถูกวิธีและติดตั้งถูกต้อง รอยต่อจะแน่นหนาวไม่หลุด สำคัญคือต้องทำความสะอาดปลายท่อก่อนทากาว</p>
</div>
</div>
</div>
</div>