diff options
| author | Yash <[email protected]> | 2024-03-31 10:50:41 +0000 |
|---|---|---|
| committer | Yash <[email protected]> | 2024-03-31 10:50:41 +0000 |
| commit | cf5972ec8f2560262b16203cba4fe1cb4b197c94 (patch) | |
| tree | 6ab33d384623f70e144015aec4c78e7b333602f4 /apps/web/src/app | |
| parent | redeploy: check for d1 database (diff) | |
| download | supermemory-cf5972ec8f2560262b16203cba4fe1cb4b197c94.tar.xz supermemory-cf5972ec8f2560262b16203cba4fe1cb4b197c94.zip | |
List Item with Sidebar
Diffstat (limited to 'apps/web/src/app')
| -rw-r--r-- | apps/web/src/app/globals.css | 8 | ||||
| -rw-r--r-- | apps/web/src/app/layout.tsx | 6 | ||||
| -rw-r--r-- | apps/web/src/app/ui/page.tsx | 9 |
3 files changed, 18 insertions, 5 deletions
diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css index 875c01e8..394bda43 100644 --- a/apps/web/src/app/globals.css +++ b/apps/web/src/app/globals.css @@ -1,3 +1,6 @@ +@import "@radix-ui/colors/gray"; +@import "@radix-ui/colors/gray-dark"; + @tailwind base; @tailwind components; @tailwind utilities; @@ -17,13 +20,14 @@ } body { - color: rgb(var(--foreground-rgb)); + @apply bg-rgray-1 text-rgray-11; + /* color: rgb(var(--foreground-rgb)); background: linear-gradient( to bottom, transparent, rgb(var(--background-end-rgb)) ) - rgb(var(--background-start-rgb)); + rgb(var(--background-start-rgb)); */ } @layer utilities { diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx index 3314e478..5464c1d3 100644 --- a/apps/web/src/app/layout.tsx +++ b/apps/web/src/app/layout.tsx @@ -1,8 +1,8 @@ import type { Metadata } from "next"; -import { Inter } from "next/font/google"; +import { Roboto } from "next/font/google"; import "./globals.css"; -const inter = Inter({ subsets: ["latin"] }); +const roboto = Roboto({ weight: ["300", "400", "500"], subsets: ["latin"] }); export const metadata: Metadata = { title: "Create Next App", @@ -16,7 +16,7 @@ export default function RootLayout({ }>) { return ( <html lang="en"> - <body className={inter.className}>{children}</body> + <body className={roboto.className}>{children}</body> </html> ); } diff --git a/apps/web/src/app/ui/page.tsx b/apps/web/src/app/ui/page.tsx new file mode 100644 index 00000000..2f7c6a4b --- /dev/null +++ b/apps/web/src/app/ui/page.tsx @@ -0,0 +1,9 @@ +import Sidebar from "@/components/Sidebar"; + +export default async function Home() { + return ( + <> + <Sidebar /> + </> + ); +} |