Create config page using tailwind, shadcn components, styling

- Include side pane but with only the account info in it - Replicate styling of the old config page
2026-03-04 05:39:06 +00:00 · 2024-07-16 20:06:50 +05:30
parent 88007d7552
commit 7e8e80f29e
3 changed files with 192 additions and 0 deletions
--- a/src/interface/web/app/settings/layout.tsx
+++ b/src/interface/web/app/settings/layout.tsx
@@ -0,0 +1,36 @@
+import type { Metadata } from "next";
+import { Noto_Sans } from "next/font/google";
+import "../globals.css";
+
+const inter = Noto_Sans({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+    title: "Khoj AI - Settings",
+    description: "Configure Khoj to get personalized, deeper assistance.",
+    icons: {
+        icon: "/static/favicon.ico",
+    },
+};
+
+export default function RootLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode;
+}>) {
+    return (
+        <html lang="en">
+            <meta httpEquiv="Content-Security-Policy"
+                content="default-src 'self' https://assets.khoj.dev;
+                        script-src 'self' https://assets.khoj.dev 'unsafe-inline' 'unsafe-eval';
+                        connect-src 'self' https://ipapi.co/json ws://localhost:42110;
+                        style-src 'self' https://assets.khoj.dev 'unsafe-inline' https://fonts.googleapis.com;
+                        img-src 'self' data: https://*.khoj.dev https://*.googleusercontent.com;
+                        font-src 'self' https://assets.khoj.dev https://fonts.gstatic.com;
+                        child-src 'none';
+                        object-src 'none';"></meta>
+            <body className={inter.className}>
+                {children}
+            </body>
+        </html>
+    );
+}