Fix max thread width

jonulak · jonulak · commit d4ed5b78be3a · 2025-07-13T22:02:23.000-04:00
diff --git a/postcss.config.mjs b/postcss.config.mjs
@@ -1,48 +1,5 @@
-const safelist = [
-    /html/,
-    /body/,
-    /^tw:/,
-    /^maxSm:/,
-    /^maxXl:/,
-    /^maxLg:/,
-    /^smToMd:/,
-    /^sm:/,
-    /^md:/,
-    /^lg:/,
-    /^xl:/,
-    /^2xl:/,
-    /^3xl:/,
-    /^child:/,
-    /^hover:/,
-    /^focus:/,
-    /^group/,
-    /^tw:group-hover/,
-    /^last:/,
-    /^first:/,
-    /^even:/,
-    /^before:/,
-    /^after:/,
-    /^nextIcon^/,
-    /^modal-/,
-    /^swiper/,
-    /^react-tabs/,
-];
-
-export default {
-    plugins: {
-        "@tailwindcss/postcss": {},
-        ...(process.env.NODE_ENV === "production"
-            ? {
-                  "@fullhuman/postcss-purgecss": {
-                      content: ["./src/**/*.tsx"],
-                      defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
-                      safelist: {
-                          standard: safelist,
-                          deep: safelist,
-                          greedy: safelist,
-                      },
-                  },
-              }
-            : {}),
-    },
+const config = {
+    plugins: ["@tailwindcss/postcss"],
 };
+
+export default config;
diff --git a/public/fallback-DzlSAblOLL92MEbBzdn0F.js b/public/fallback-DzlSAblOLL92MEbBzdn0F.js
diff --git a/src/app/(vetsai)/layout.tsx b/src/app/(vetsai)/layout.tsx
@@ -1,14 +1,32 @@
 import "@assets/css/vetsai.css";
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
 
-export const metadata = {
-    title: "Next.js",
-    description: "Generated by Next.js",
+const geistSans = Geist({
+    variable: "--font-geist-sans",
+    subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+    variable: "--font-geist-mono",
+    subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+    title: "VetsAI",
+    description: "An AI assistant for Veterans",
 };
 
-const RootLayout = ({ children }: { children: React.ReactNode }) => {
+const RootLayout = ({
+    children,
+}: Readonly<{
+    children: React.ReactNode;
+}>) => {
     return (
         <html lang="en">
-            <body>{children}</body>
+            <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>
+                {children}
+            </body>
         </html>
     );
 };
diff --git a/src/assets/css/vetsai.css b/src/assets/css/vetsai.css
@@ -42,6 +42,7 @@
     --radius-md: calc(var(--radius) - 2px);
     --radius-lg: var(--radius);
     --radius-xl: calc(var(--radius) + 4px);
+    --thread-max-width: 42rem;
 }
 
 :root {
diff --git a/src/components/vetsai/assistant-ui/thread.tsx b/src/components/vetsai/assistant-ui/thread.tsx
@@ -250,12 +250,7 @@ const AssistantMessage: FC = () => {
 
 export const Thread: FC = () => {
     return (
-        <ThreadPrimitive.Root
-            className="bg-background box-border flex h-full flex-col overflow-hidden"
-            style={{
-                ["--thread-max-width" as string]: "42rem",
-            }}
-        >
+        <ThreadPrimitive.Root className="bg-background box-border flex h-full flex-col overflow-hidden">
             <ThreadPrimitive.Viewport className="flex h-full flex-col items-center overflow-y-scroll scroll-smooth bg-inherit px-4 pt-8">
                 <ThreadWelcome />
 
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -42,6 +42,7 @@`
`42`	`42`	`--radius-md: calc(var(--radius) - 2px);`
`43`	`43`	`--radius-lg: var(--radius);`
`44`	`44`	`--radius-xl: calc(var(--radius) + 4px);`
	`45`	`+ --thread-max-width: 42rem;`
`45`	`46`	`}`
`46`	`47`
`47`	`48`	`:root {`