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
@@ -42,7 +42,8 @@ import BaseLayout from '@/layouts/BaseLayout.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="img-hover rounded-2xl overflow-hidden bg-white/10">
+        <div class="lg:sticky lg:top-24">
+          <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
          <img src="/images/tevada/LINE_ALBUM_รั้วเทวดา_260522_1.jpg" alt="รั้วเทวดา" class="w-full" loading="eager" />
        </div>
        <div>