mirror of
https://github.com/supabase/supabase.git
synced 2026-09-06 18:11:51 +08:00
fb02182e86
## I have read the [CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md) file. YES/NO ## What kind of change does this PR introduce? Bug fix, feature, docs update, ... ## What is the current behavior? Please link any relevant issues here. ## What is the new behavior? Feel free to include screenshots if it includes visual changes. ## Additional context Add any other context or screenshots. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Refreshed theming across the UI to use modern color expressions and shared theme variables (including OKLCH-based gradients), improving consistency for charts, code blocks, overlays, icons, and decorative backgrounds. * **Bug Fixes** * Improved light/dark color and gradient consistency across axis/grid styling, reference lines, buttons/badges, sidebar accents, loaders, and other visual components. * **Documentation** * Updated styling/theming guidance to align with the revised semantic token system and the updated theme variable usage patterns. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
import { Metadata } from 'next'
|
|
|
|
import { BaseInjector } from './../base-injector'
|
|
import { Providers } from '@/app/Providers'
|
|
|
|
export const metadata: Metadata = {
|
|
title: 'Password Based Auth Example',
|
|
}
|
|
|
|
export default function RootLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html style={{ height: '100%', overflow: 'hidden' }}>
|
|
<head>
|
|
<style
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
html, body, #root, main {
|
|
height: 100% !important;
|
|
min-height: 100% !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
overflow: hidden !important;
|
|
}
|
|
`,
|
|
}}
|
|
/>
|
|
</head>
|
|
<body style={{ height: '100%', margin: 0, padding: 0, overflow: 'hidden' }}>
|
|
<BaseInjector />
|
|
<Providers>
|
|
<div
|
|
className="flex w-full h-full items-center justify-center p-6 md:p-10 preview bg-surface-100"
|
|
style={{ minHeight: '100%' }}
|
|
>
|
|
<div className="z-0 pointer-events-none absolute h-full w-full bg-[radial-gradient(oklch(from_var(--foreground-default)_l_c_h_/_0.05)_1px,transparent_1px)] bg-size-[16px_16px] mask-[radial-gradient(ellipse_50%_50%_at_50%_50%,#000_70%,transparent_100%)]"></div>
|
|
<div className="w-full max-w-sm">{children}</div>
|
|
</div>
|
|
</Providers>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|