gbclient/app/layout.tsx


import { Nav } from './client-nav';
import { ReactNode } from 'react';
import { ThemeProvider } from './theme-provider';

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <head>
        <title>General Bots</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="description" content="General Bots and Custo AI Models" />
        <link rel="stylesheet" href="/output.css" />
        <link rel="icon" href="/favicon.ico" />
      </head>
      <body className="flex flex-col min-h-screen">
        <div>
          <ThemeProvider>
            <Nav />
            <div className="flex-1 overflow-hidden">
              {children}
            </div>
          </ThemeProvider>
        </div>
      </body>
    </html>
  );
}
Add global styles using Tailwind CSS with custom color variables for light and dark themes 2025-06-28 23:58:53 -03:00
feat: migrate styles to Tailwind CSS, remove unused files, and add new layout components 2025-04-02 20:42:47 -03:00			`import { Nav } from './client-nav';`
Add global styles using Tailwind CSS with custom color variables for light and dark themes 2025-06-28 23:58:53 -03:00			`import { ReactNode } from 'react';`
feat: Refactor theme management and add multiple themes - Updated the layout to integrate a new ThemeProvider component. - Removed the old ModeToggle component and integrated theme selection directly into the ThemeProvider. - Deleted unused SVG files (tauri.svg, vite.svg) and the old mode-toggle and theme-provider components. - Added a comprehensive ThemeProvider that supports multiple themes with corresponding CSS files. - Created new theme CSS files for various themes including RetroWave, CyberPunk, and more. - Updated tsconfig.json to include new component paths for better type checking. - Ensured the application loads the saved theme from localStorage on startup. 2025-06-21 19:06:13 -03:00			`import { ThemeProvider } from './theme-provider';`

feat: migrate styles to Tailwind CSS, remove unused files, and add new layout components 2025-04-02 20:42:47 -03:00			`export default function RootLayout({ children }: { children: ReactNode }) {`
			`return (`
			`<html lang="en">`
Add global styles using Tailwind CSS with custom color variables for light and dark themes 2025-06-28 23:58:53 -03:00			`<head>`
			`<title>General Bots</title>`
			`<meta name="viewport" content="width=device-width, initial-scale=1" />`
			`<meta name="description" content="General Bots and Custo AI Models" />`
			`<link rel="stylesheet" href="/output.css" />`
			`<link rel="icon" href="/favicon.ico" />`
			`</head>`
Add new themes: Orange and XTree Gold - Introduced a new CSS theme for Orange, featuring a modern color palette with distinct foreground and background colors. - Added an XTree Gold theme that emulates the classic 1980s DOS interface, complete with authentic colors and styles for file management elements. - Both themes include variables for customization and specific styles for various UI components such as cards, popovers, and menus. 2025-06-28 19:30:35 -03:00			`<body className="flex flex-col min-h-screen">`
			`<div>`
feat: Implement responsive navigation and media player UI - Added a new navigation style with responsive design in client-nav.css. - Created a comprehensive editor style in editor/style.css for better user experience. - Introduced paper style for ProseMirror editor with enhanced text formatting options. - Developed a media player component with waveform visualization and media library in player/page.tsx. - Styled media player controls and sliders for improved usability in player/style.css. - Implemented media type detection for audio, video, and slides. - Added keyboard shortcuts for media control and navigation. 2025-06-28 22:36:36 -03:00			`<ThemeProvider>`
Add new themes: Orange and XTree Gold - Introduced a new CSS theme for Orange, featuring a modern color palette with distinct foreground and background colors. - Added an XTree Gold theme that emulates the classic 1980s DOS interface, complete with authentic colors and styles for file management elements. - Both themes include variables for customization and specific styles for various UI components such as cards, popovers, and menus. 2025-06-28 19:30:35 -03:00			`<Nav />`
			`<div className="flex-1 overflow-hidden">`
			`{children}`
			`</div>`
			`</ThemeProvider>`
			`</div>`
feat: migrate styles to Tailwind CSS, remove unused files, and add new layout components 2025-04-02 20:42:47 -03:00			`</body>`
			`</html>`
Add global styles using Tailwind CSS with custom color variables for light and dark themes 2025-06-28 23:58:53 -03:00			`);`
feat: migrate styles to Tailwind CSS, remove unused files, and add new layout components 2025-04-02 20:42:47 -03:00			`}`