feat: add OfflineBanner component to LayoutContent for offline notifications and update styles in OfflineBanner

2026-02-04 11:00:21 +01:00
parent 73dac1b170
commit 2a0380189d
3 changed files with 3 additions and 3 deletions
--- a/app/layout-content.tsx
+++ b/app/layout-content.tsx
@@ -1,5 +1,6 @@
 'use client'

+import { OfflineBanner } from '@/components/OfflineBanner'
 import { Header, Footer } from '@ciphera-net/ui'
 import { useAuth } from '@/lib/auth/context'
 import Link from 'next/link'
@@ -53,6 +54,7 @@ export default function LayoutContent({ children }: { children: React.ReactNode
        showSecurity={false}
        showPricing={true}
      />
+      <OfflineBanner />
      <main className="flex-1 pt-24 pb-8">
        {children}
      </main>
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,3 @@
-import { OfflineBanner } from '@/components/OfflineBanner'
 import { ThemeProviders, Toaster } from '@ciphera-net/ui'
 import { AuthProvider } from '@/lib/auth/context'
 import type { Metadata, Viewport } from 'next'
@@ -47,7 +46,6 @@ export default function RootLayout({
  return (
    <html lang="en" className={plusJakartaSans.variable} suppressHydrationWarning>
      <body className="antialiased min-h-screen flex flex-col bg-white dark:bg-neutral-950 text-neutral-900 dark:text-neutral-50">
-        <OfflineBanner />
        <ThemeProviders>
          <AuthProvider>
            <LayoutContent>{children}</LayoutContent>