- Increase logo size (48x48 desktop, 56x56 mobile) for better visibility - Add logo as favicon - Add logo to mobile header - Move user menu to navigation bars (sidebar on desktop, bottom bar on mobile) - Fix desktop chat layout - container structure prevents voice controls cutoff - Fix mobile bottom bar - use icon-only ActionIcons instead of truncated text buttons - Hide Create Node/New Conversation buttons on mobile to save header space - Make fixed header and voice controls work properly with containers 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import type { Metadata } from "next";
|
|
import { Inter } from "next/font/google";
|
|
import "./globals.css";
|
|
import { MantineProvider, ColorSchemeScript } from "@mantine/core";
|
|
import { Notifications } from "@mantine/notifications";
|
|
import "@mantine/notifications/styles.css";
|
|
import { theme } from "./theme";
|
|
import { AppLayout } from "@/components/AppLayout";
|
|
|
|
const inter = Inter({ subsets: ["latin"] });
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Ponderants",
|
|
description: "Your AI Thought Partner",
|
|
icons: {
|
|
icon: "/logo.svg",
|
|
apple: "/logo.svg",
|
|
},
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en" suppressHydrationWarning>
|
|
<head>
|
|
{/* Enforce dark scheme as per our theme */}
|
|
<ColorSchemeScript defaultColorScheme="dark" />
|
|
</head>
|
|
<body className={inter.className} suppressHydrationWarning>
|
|
<MantineProvider theme={theme} defaultColorScheme="dark">
|
|
<Notifications />
|
|
<AppLayout>{children}</AppLayout>
|
|
</MantineProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|