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

fix: conditionally render OfflineBanner and adjust main padding based on user authentication and online status

Browse Source
This commit is contained in:
Usman Baig
2026-02-04 11:32:14 +01:00
parent 8bc05382d8
commit 223c00a382
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/layout-content.tsx
View File

@@ -55,9 +55,9 @@ export default function LayoutContent({ children }: { children: React.ReactNode
showFaq={false} showFaq={false}
showSecurity={false} showSecurity={false}
showPricing={true} showPricing={true}
bottomContent={<OfflineBanner />} bottomContent={auth.user ? <OfflineBanner /> : undefined}
/> />
<main className={`flex-1 pb-8 ${isOnline ? 'pt-24' : 'pt-32'}`}> <main className={`flex-1 pb-8 ${auth.user && !isOnline ? 'pt-32' : 'pt-24'}`}>
{children} {children}
</main> </main>
<Footer <Footer

2
components/OfflineBanner.tsx
View File

@@ -9,7 +9,7 @@ export function OfflineBanner() {
if (isOnline) return null; if (isOnline) return null;
return ( return (
<div className="bg-yellow-500/10 dark:bg-yellow-500/20 border-b border-yellow-500/20 dark:border-yellow-500/30 text-yellow-600 dark:text-yellow-400 px-4 sm:px-8 py-2 text-sm flex items-center justify-center gap-2 font-medium"> <div className="rounded-b-2xl bg-yellow-500/10 dark:bg-yellow-500/20 border-b border-yellow-500/20 dark:border-yellow-500/30 text-yellow-600 dark:text-yellow-400 px-4 sm:px-8 py-2 text-sm flex items-center justify-center gap-2 font-medium">
<FiWifiOff className="w-4 h-4" /> <FiWifiOff className="w-4 h-4" />
<span>You are currently offline. Changes may not be saved.</span> <span>You are currently offline. Changes may not be saved.</span>
</div> </div>