fix: mobile chatbot

PHS-TSA · Mar 22, 2024 · 52564cd · 52564cd
1 parent 1535e52
commit 52564cd
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/islands/Chatbot.tsx b/src/islands/Chatbot.tsx
@@ -53,7 +53,7 @@ export function Chatbot(
   );
 }
 
-const replyStyles = tw`prose prose-sm prose-slate max-w-40 rounded-lg bg-slate-300 p-4 dark:prose-invert sm:max-w-60 dark:bg-slate-800`;
+const replyStyles = tw`prose prose-sm prose-slate rounded-lg max-w-60 bg-slate-300 p-4 dark:prose-invert dark:bg-slate-800`;
 
 function getReplySide(role: "assistant" | "user"): string {
   switch (role) {

diff --git a/src/routes/_layout.tsx b/src/routes/_layout.tsx
@@ -20,7 +20,7 @@ export default function Layout({ Component, url }: PageProps): JSX.Element {
         <Header active={url.pathname} />
         <Component />
       </Partial>
-      <Chatbot class="fixed right-10 bottom-10" />
+      <Chatbot class="fixed right-3 bottom-10 sm:right-10" />
       <Footer class="mt-auto" />
     </div>
   );