Add sticky wrapper to pages with img-hover class

2026-05-24 20:11:00 +07:00
parent e1136fbfbd
commit f12f84cf52
6 changed files with 8 additions and 2 deletions
--- a/src/pages/water-treatment.astro
+++ b/src/pages/water-treatment.astro
@@ -65,6 +65,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
          <a href="/" class="hover:text-white">หน้าแรก</a> / <a href="/all-products" class="hover:text-white">สินค้าทั้งหมด</a> / <span class="text-white">ระบบกรองน้ำ</span>
        </nav>
        <div class="grid lg:grid-cols-2 gap-8 items-start">
+          <div class="lg:sticky lg:top-24">
          <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
            <img src="/images/products-cropped/water-treatment_000C.jpg" alt="ระบบกรองน้ำ" class="w-full" loading="eager" />
          </div>