fix ui msgcontent xs width

Author: mpotane

.phylum_project

@@ -0,0 +1,7 @@
+id: dae748f8-8b26-4d87-8cd5-e9d7999fd24c
+name: markybot
+created_at: 2023-09-01T13:29:58.247453716+08:00
+group_name: null
+lockfiles:
+- path: ./pnpm-lock.yaml
+  type: pnpm

src/components/chat.tsx

@@ -75,14 +75,14 @@ export default function Chat() {
             </CardHeader>
           </Card>
         ) : (
-          <ScrollArea className="mx-auto w-full max-w-md py-5 flex flex-col h-[30rem] bg-gradient-to-br from-pink-700 to-violet-700 rounded">
+          <ScrollArea className="mx-auto w-full max-w-md py-5 px-2 md:px-5 flex flex-col h-[30rem] bg-gradient-to-br from-pink-700 to-violet-700 rounded">
             {messages.map((m) => {
               const colorClassName =
                 m.role === "user" ? "bg-sky-600" : "bg-slate-50 text-black";
               return (
                 <div
                   key={m.id}
-                  className={`${colorClassName} rounded-md mb-5 p-2 w-[25rem] mx-auto`}
+                  className={`${colorClassName} rounded-md mb-5 p-2 mx-auto`}
                 >
                   {m.role === "user" ? "🧑 " : "🤖 "}
                   <MemoizedReactMarkdown

tsconfig.json

@@ -9,7 +9,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",

turbo.json

@@ -0,0 +1,9 @@
+{
+    "$schema": "https://turbo.build/schema.json",
+    "pipeline": {
+      "build": {
+        "outputs": [".next/**", "!.next/cache/**"]
+      },
+      "lint": {}
+    }
+  }