fix positioning and text size

ShaneBerhoff · Oct 28, 2024 · 2bd26a9 · 2bd26a9
1 parent 6a0ec6b
commit 2bd26a9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/client/src/components/ChatBox.jsx b/client/src/components/ChatBox.jsx
@@ -58,13 +58,13 @@ const Chatbox = ({ messages }) => {
             >
                 {messages.map((message, index) => (
                     <div key={index} className="flex items-baseline space-x-2 flex-wrap">
-                        <span className="text-primary-dark text-sm">
+                        <span className="text-primary-dark sm:text-sm text-xs">
                             {formatTime(message.createdAt)}
                         </span>
-                        <span className="text-lg">
+                        <span className="sm:text-lg text-md">
                             [{message.username}]
                         </span>
-                        <p className="text-lg text-primary-dark break-words min-w-0">
+                        <p className="sm:text-lg text-md text-primary-dark break-words min-w-0">
                             {message.content}
                         </p>
                     </div>

diff --git a/client/src/components/TerminalWindow.jsx b/client/src/components/TerminalWindow.jsx
@@ -12,7 +12,7 @@ const TerminalWindow = ({ children, title = 'geoChat' }) => {
         }
     });
     return (
-        <div className='min-h-screen w-full bg-black flex items-center justify-center'>
+        <div className='min-h-screen w-full bg-black sm:flex items-center justify-center'>
             <div className="hidden">
                 <a href="/">Home</a>
                 <a href="/chatroom">Chat Room</a>