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

Fix button alignment in remaining pages

Browse Source
This commit is contained in:
Kunthawat Greethong
2026-05-24 20:28:12 +07:00
parent c9cfb5a1b0
commit 2960c4a3ae
10 changed files with 48 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages/grilles.astro
View File

@@ -70,25 +70,25 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<span>ราคาสินค้า</span>
</a>
</div><div class="flex flex-wrap gap-6">
<div class="flex items-start gap-2 text-white/80">
<div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span>คุณภาพสูง มาตรฐานอุตสาหกรรม</span>
</div>
<div class="flex items-start gap-2 text-white/80">
<div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span>ราคาโรงงาน คุ้มค่า</span>
</div>
<div class="flex items-start gap-2 text-white/80">
<div class="flex items-center gap-2 text-white/80">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<span>จัดส่งรวดเร็ว ส่งฟรี กทม. ปริมณฑล</span>
</div>
<div class="flex items-start gap-2 bg-green-500/20 rounded px-3 py-1">
<div class="flex items-center gap-2 bg-green-500/20 rounded px-3 py-1">
<svg class="w-5 h-5 text-green-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
@@ -225,28 +225,28 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<h2 class="text-xl font-bold text-primary-700 mb-4">เปรียบเทียบวัสดุ</h2>
<div class="grid md:grid-cols-2 gap-4">
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-bold text-neutral-800 mb-2 flex items-start gap-2">
<h3 class="font-bold text-neutral-800 mb-2 flex items-center gap-2">
<span class="w-8 h-8 bg-blue-100 rounded-full flex items-start justify-center">
<svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4z"/></svg>
</span>
ABS Plastic
</h3>
<ul class="space-y-2 text-neutral-700">
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ราคาประหยัด</li>
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> น้ำหนักเบา</li>
<li class="flex items-start gap-2 bg-green-50 rounded px-2 py-1 border border-green-200"><span class="text-green-600 font-bold">★</span> <strong class="text-green-700">ไม่เกิดหยดน้ำ</strong></li>
<li class="flex items-center gap-2"><span class="text-green-500">✓</span> ราคาประหยัด</li>
<li class="flex items-center gap-2"><span class="text-green-500">✓</span> น้ำหนักเบา</li>
<li class="flex items-center gap-2 bg-green-50 rounded px-2 py-1 border border-green-200"><span class="text-green-600 font-bold">★</span> <strong class="text-green-700">ไม่เกิดหยดน้ำ</strong></li>
</ul>
</div>
<div class="bg-white p-4 rounded-lg shadow-sm">
<h3 class="font-bold text-neutral-800 mb-2 flex items-start gap-2">
<h3 class="font-bold text-neutral-800 mb-2 flex items-center gap-2">
<span class="w-8 h-8 bg-neutral-200 rounded-full flex items-start justify-center">
<svg class="w-4 h-4 text-neutral-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>
</span>
Aluminum
</h3>
<ul class="space-y-2 text-neutral-700">
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ทนทานต่อการกัดกร่อน</li>
<li class="flex items-start gap-2"><span class="text-green-500">✓</span> ดีไซน์หลากหลาย</li>
<li class="flex items-center gap-2"><span class="text-green-500">✓</span> ทนทานต่อการกัดกร่อน</li>
<li class="flex items-center gap-2"><span class="text-green-500">✓</span> ดีไซน์หลากหลาย</li>
</ul>
</div>
</div>