diff --git a/app/globals.css b/app/globals.css index 52a8d2d..8af8575 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,7 +1,8 @@ @tailwind base; @tailwind components; @tailwind utilities; - +@tailwind form; + @layer base { :root { --background: 0 0% 100%; @@ -9,63 +10,71 @@ --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; - + --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; - + --primary: 0 0% 9%; --primary-foreground: 0 0% 98%; - + --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; - + --muted: 0 0% 96.1%; --muted-foreground: 0 0% 45.1%; - + --accent: 0 0% 96.1%; --accent-foreground: 0 0% 9%; - + --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; - + --radius: 0.5rem; } - - .dark { + + .dark { --background: 0 0% 3.9%; --foreground: 0 0% 98%; - + --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; - + --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; - + --primary: 0 0% 98%; --primary-foreground: 0 0% 9%; - + --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; - + --muted: 0 0% 14.9%; --muted-foreground: 0 0% 63.9%; - + + --accent: 0 0% 14.9%; --accent-foreground: 0 0% 98%; - + --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; - + --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; + + } + .dark [type="text"] { + color: hsl(var(--background)); + background-color: hsl(var(--background)) !important; + } + } - +@import ('~lucide-static/font/Lucide.css'); @layer base { * { @apply border-border; @@ -73,4 +82,30 @@ body { @apply bg-background text-foreground; } -} \ No newline at end of file + .cm-lintRange-error { + text-decoration: underline wavy red; + } + .cm-tooltip, + .cm6-json-schema-hover, + .cm-editor .cm-diagnostic-error { + padding: 0.5rem; + } + .cm-editor .cm6-json-schema-hover--code-wrapper { + font-size: 0.9em; + font-family: 'Courier New', Courier, monospace; + padding: 0.5rem; + @apply bg-foreground text-background + } + .cm6-json-schema-hover--description { + margin-bottom: 0.5rem; + } + .dark { + input::placeholder, textarea::placeholder { + color: hsl(var(--muted-foreground)); + } + } + .vertical-layout-item header { + display: flex; + } + +} diff --git a/app/layout.tsx b/app/layout.tsx index 6ff13ee..f3eba0d 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,13 +1,15 @@ -import "@/styles/globals.css" import { Metadata } from "next" import { siteConfig } from "@/config/site" import { fontSans } from "@/lib/fonts" import { cn } from "@/lib/utils" +import { Toaster } from "@/components/ui/toaster" import { SiteHeader } from "@/components/nav/site-header" import { TailwindIndicator } from "@/components/nav/tailwind-indicator" import { ThemeProvider } from "@/components/providers/theme-provider" -import { Toaster } from "@/components/ui/toaster" + +import "@/styles/globals.css" +import { Suspense } from "react" export const metadata: Metadata = { title: { @@ -34,7 +36,25 @@ export default function RootLayout({ children }: RootLayoutProps) { return ( <> -
+ {schemaInfo.description} +
+ )} */} + {/* {schemaValue?.title && ( ++ {schemaValue?.title ?? ""} +
+ )} */} + {/* {schemaInfo.fileMatch && ( +
+ {schemaInfo.fileMatch.map((f) => (
+
+ {f}
+
+ ))}
+
+
+ + + + {/* */} +