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

Add sticky image wrapper to remaining product pages

Browse Source
This commit is contained in:
Kunthawat Greethong
2026-05-24 20:10:53 +07:00
parent c0975d6493
commit e1136fbfbd
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/pages/วาล์ว-valve.astro
View File

@@ -57,7 +57,8 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="grid lg:grid-cols-2 gap-12 items-start"> <div class="grid lg:grid-cols-2 gap-12 items-start">
<div> <div>
<div class="rounded-2xl overflow-hidden bg-white/10"> <div class="lg:sticky lg:top-24">
<div class="rounded-2xl overflow-hidden bg-white/10">
<img src="/images/products-cropped/valve_000C.jpg" alt="วาล์ว (Valve)" class="w-full" width="600" height="400" loading="eager" /> <img src="/images/products-cropped/valve_000C.jpg" alt="วาล์ว (Valve)" class="w-full" width="600" height="400" loading="eager" />
</div> </div>
</div> </div>

3
src/pages/เครื่องเชื่อม-hdpe.astro
View File

@@ -57,7 +57,8 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div class="grid lg:grid-cols-2 gap-12 items-start"> <div class="grid lg:grid-cols-2 gap-12 items-start">
<div class="order-2 lg:order-1"> <div class="order-2 lg:order-1">
<div class="rounded-2xl overflow-hidden bg-white/10"> <div class="lg:sticky lg:top-24">
<div class="rounded-2xl overflow-hidden bg-white/10">
<img src="/images/HDPE-welding-crop.jpg" alt="เครื่องเชื่อมท่อ HDPE" class="w-full" width="600" height="400" loading="eager" /> <img src="/images/HDPE-welding-crop.jpg" alt="เครื่องเชื่อมท่อ HDPE" class="w-full" width="600" height="400" loading="eager" />
</div> </div>
</div> </div>