diff --git a/src/app/create/page.tsx b/src/app/create/page.tsx index b6934e7..3e1e627 100644 --- a/src/app/create/page.tsx +++ b/src/app/create/page.tsx @@ -4,12 +4,12 @@ export const metadata = { title: 'Create a proposal, no account needed' }; export default function CreatePage() { return ( -
+
-
-
๐Ÿ’Œ
-

Create your proposal

-

No account needed, you get two private links when you're done.

+
+
๐Ÿ’Œ
+

Create your proposal

+

No account needed, you get two private links when you're done.

diff --git a/src/app/globals.css b/src/app/globals.css index 63b34ee..7a971bb 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -7,7 +7,8 @@ --font-inter: 'Inter', system-ui, sans-serif; --font-poppins: 'Poppins', system-ui, sans-serif; - --background: 0 0% 100%; + /* Matches the app's existing gray-50 page backdrop; cards stay pure white */ + --background: 210 20% 98%; --foreground: 0 0% 3.9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index f15febc..028c9b1 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata, Viewport } from 'next'; import { Inter, Poppins } from 'next/font/google'; import Footer from '@/components/Footer'; +import { Toaster } from '@/components/ui/sonner'; import './globals.css'; const inter = Inter({ subsets: ['latin'], variable: '--font-inter' }); @@ -35,9 +36,10 @@ export const viewport: Viewport = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - +
{children}