ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

refactor: derive main padding from bar/header height constants

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Usman Baig
2026-02-04 12:41:13 +01:00
parent 4d477110c8
commit 0d16f3ba55
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/layout-content.tsx
View File

@@ -41,7 +41,9 @@ export default function LayoutContent({ children }: { children: React.ReactNode
} }
const showOfflineBar = Boolean(auth.user && !isOnline); const showOfflineBar = Boolean(auth.user && !isOnline);
const barHeightRem = '2.5rem'; const barHeightRem = 2.5;
const headerHeightRem = 6;
const mainTopPaddingRem = barHeightRem + headerHeightRem;
return ( return (
<> <>
@@ -59,9 +61,12 @@ export default function LayoutContent({ children }: { children: React.ReactNode
showFaq={false} showFaq={false}
showSecurity={false} showSecurity={false}
showPricing={true} showPricing={true}
topOffset={showOfflineBar ? barHeightRem : undefined} topOffset={showOfflineBar ? `${barHeightRem}rem` : undefined}
/> />
<main className={`flex-1 pb-8 ${showOfflineBar ? 'pt-[8.5rem]' : 'pt-24'}`}> <main
className={`flex-1 pb-8 ${showOfflineBar ? '' : 'pt-24'}`}
style={showOfflineBar ? { paddingTop: `${mainTopPaddingRem}rem` } : undefined}
>
{children} {children}
</main> </main>
<Footer <Footer