Stop banner berkedip unstyled, make whole feature cards clickable

Fixkamo-marketing
Shipped
19 Agustus 2026 pukul 03.43 UTC
Author
Kamo
Commit
646db37

PREVIEW BANNER - CSS nya tinggal di blok '< style jsx >' di dalam komponen. Dalam App Router styled- jsx tidak server- render CSS untuk komponen klien, sehingga HTML SSR dikirim markup banner (itu adalah elemen pertama dalam < body >) dengan nama kelas yang tidak cocok dengan stylesheet, dan tag < style > hanya muncul sekali JS bundel berlari. Dikonfirmasi terhadap produksi: nol inline < gaya > blok dalam HTML melayani, dan tidak ada aturan dalam bundel CSS baik. Aturan bergerak untuk globals.css, yang merupakan sebuah render- memblokir stylesheet dalam < kepala >, sehingga mereka menerapkan pada cat pertama. Panji adalah posisi: tetap dan tinggi hanya disediakan oleh efek menulis document.body.style.paddingTop, sehingga isi duduk di bawahnya sampai Hidration dan kemudian melompat. 'body {padding-top: var (--banner-h, 38px)}' now cadangan dari cat pertama; efek masih overwrites variabel dengan ketinggian diukur, yang penting di mana salinan membungkus pada layar kecil. FEADURE CARDS - perbaikan sebelumnya menggunakan sebuah stretched:: sesudah pada z-index 1, tetapi kartu < h3 > dan < p > membawa 'relatif z-10'. Mereka dicat di atas overlay dan menelan klik di sebagian besar kartu, sehingga masih mati di mana-mana itu penting. Alih-alih meningkat x-indeks terhadap konten yang sah perlu duduk di atas lapisan hover, jangkar sekarang membungkus seluruh kartu. Itu adalah semantik yang tepat untuk kartu yang navigasi secara keseluruhan dan memberikannya satu tab berhenti bukan dua; dalam "Pelajari Lebih" membalikkan ke markup polos, sejak sebuah link didalam sebuah link tidak valid.

All changes

Seperti apa yang Anda lihat pengiriman?

Semua pembaruan ini secara otomatis mendarat di ruang kerja Anda. Mulai bebas dan menontonnya tumbuh minggu demi minggu.

Mulai Bebas SelamanyaTampilkan Harga