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/ระบบรั้วไวน์แมน.astro
+++ b/src/pages/ระบบรั้วไวน์แมน.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-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg" alt="ระบบรั้วไวน์แมน Vineman" class="w-full" loading="eager" />
          </div>