Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix blog page

Browse Source
This commit is contained in:
Aravind R
2026-06-08 16:20:39 +05:30
parent a16d51f2fa
commit 8862ad2cb3
18 changed files with 2985 additions and 670 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/layout/Header.tsx
View File

@@ -480,8 +480,15 @@ export default function Header() {
</div>
</div>
</header>
{/* Inline <style> block — 1:1 translation of header.php lines 600-627 */}
{/* Inline <style> block — 1:1 translation of header.php lines 600-627.
suppressHydrationWarning: this is a static, deterministic CSS string,
but as a client component its dangerouslySetInnerHTML is diffed during
hydration. A stale prebuilt out/ or a CSS-injecting browser extension
can make the server HTML differ from the client bundle, which React
refuses to patch — suppressing avoids a false console error for a node
whose content never depends on render-time state. */}
<style
suppressHydrationWarning
dangerouslySetInnerHTML={{
__html: `
#masthead .elementor-element.elementor-element-466de1b {
@@ -512,8 +519,10 @@ export default function Header() {
Force position:fixed once scrolled past 50px so the header stays in viewport. */
#masthead .elementor-element.elementor-element-466de1b.dm-header-scrolled {
position: fixed !important;
background: #4b4b4baa !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18) !important;
background: rgba(26, 26, 26, 0.92) !important;
-webkit-backdrop-filter: blur(14px) !important;
backdrop-filter: blur(14px) !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22) !important;
top: 0 !important;
}