fix: ai chat responsive width (#82)

Author: sainthiago

src/playground/src/App.tsx

@@ -67,7 +67,7 @@ const Main: React.FC = (): JSX.Element => {
   return (
     <main>
       <Header />
-      <div>
+      <div id="ai-chat">
         <BitteAiChat
           options={{
             agentImage: bitteAgent.image,

src/playground/src/index.css

@@ -1,12 +1,17 @@
 @import "tailwindcss";
 
-main > div {
-  width: 700px;
-
+#ai-chat {
+  width: 100%;
   margin: 0 auto;
   height: 540px;
 }
 
+@media (min-width: 768px) {
+  #ai-chat {
+    width: 700px;
+  }
+}
+
 body {
   background-color: #242424;
 }