Files
supabase/apps/www/app/layout.tsx
Ivan Vasilov afd690ada5 chore: Migrate all apps to use Tailwind CSS configs (#45530)
This PR migrates all tailwind configs in the apps to be CSS configs.
They import a shared CSS Tailwind config from the `config` package
(which in turns imports the old JS config).

The shared JS config will be migrated to CSS in a followup PR.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Chores**
* Centralized Tailwind into a config-driven entrypoint and updated the
app build flow to use the new build step; many apps now import unified
global styles.

* **Style**
* Migrated global styles to a Tailwind v4-style setup, added
project-wide content scanning, consolidated theme imports, standardized
theme tokens (including new --container-site max-width), and added a
small prose utility to remove paragraph margins.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-07 17:18:15 +02:00

56 lines
1.3 KiB
TypeScript

import '@code-hike/mdx/styles.css'
import 'config/code-hike.css'
import '../styles/globals.css'
import '../pages/launch-week/launchWeek.css'
import { Metadata } from 'next'
import type { Viewport } from 'next'
import Providers from './providers'
import { APP_NAME, DEFAULT_META_DESCRIPTION } from '@/lib/constants'
const site_title = `${APP_NAME} | The Open Source Firebase Alternative`
export const metadata: Metadata = {
title: site_title,
description: DEFAULT_META_DESCRIPTION,
openGraph: {
type: 'website',
url: 'https://supabase.com/',
siteName: 'Supabase',
images: [
{
url: 'https://supabase.com/images/og/supabase-og.png',
width: 800,
height: 600,
alt: 'Supabase Og Image',
},
],
},
twitter: {
creator: '@supabase',
site: '@supabase',
card: 'summary_large_image',
},
icons: {
icon: '/favicon/favicon.ico',
shortcut: '/favicon/favicon.ico',
apple: '/favicon/favicon.ico',
},
}
export const viewport: Viewport = {
initialScale: 1,
width: 'device-width',
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en" suppressHydrationWarning>
<body>
<Providers>{children}</Providers>
</body>
</html>
)
}