bug fixes

CS3219-AY2425S1 · Nov 11, 2024 · c718349 · c718349
1 parent 95d706e
commit c718349
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/peerprep/frontend/src/styles/App.css b/peerprep/frontend/src/styles/App.css
@@ -656,3 +656,7 @@ input {
   height: 100%;
   width: 100%;
 }
+
+.CodeMirror-cursor{
+  height: 19px !important;
+}
diff --git a/peerprep/frontend/src/views/CollabServiceViews/CollabServiceIntegratedView.tsx b/peerprep/frontend/src/views/CollabServiceViews/CollabServiceIntegratedView.tsx
@@ -356,7 +356,7 @@ const CollaborationServiceIntegratedView: React.FC = () => {
         <GripVertical className="text-gray-400" size={40} />
       </div>
 
-      <div className="right-pane flex-1 h-full">
+      <div className="right-pane flex-1 h-full" style={{width: `${100- leftPaneWidth}%`}}>
         <div className="coding-area flex flex-col rounded-md border border-gray-200" style={{ height: `${codeEditorHeight}%` }}>
           <div className="top-portion flex-none px-2 py-1 flex items-center bg-slate-200 justify-between">
             <div className='flex-none gap-1 flex'>
@@ -455,11 +455,11 @@ const CollaborationServiceIntegratedView: React.FC = () => {
         </div>
 
         <div className=" output-section border border-gray-200 rounded-md overflow-auto"
-          style={{ height: `${99 - codeEditorHeight}%` }}
+          style={{ height: `calc(${100 - codeEditorHeight}% - 8px)` }}
         >
           <div className="p-4">
             <h3 className="text-sm font-medium text-gray-900 mb-2">Output</h3>
-            <pre className="bg-white rounded-md p-4 text-sm text-gray-700 font-mono">{output}</pre>
+            <pre className="bg-white rounded-md p-4 text-sm text-gray-700 font-mono whitespace-pre-wrap break-words">{output}</pre>
           </div>
         </div>
       </div>

diff --git a/peerprep/frontend/src/views/CollabServiceViews/components/Chat.tsx b/peerprep/frontend/src/views/CollabServiceViews/components/Chat.tsx
@@ -93,8 +93,13 @@ const Chat: React.FC<ChatProps> = ({ sessionId }) => {
         {messages.map((msg, index) => (<>
           <div
             key={index}
-            className={`message max-w-[60%] rounded-md h-fit px-2 py-px ${msg.sender ? 'bg-green-200 self-end text-right' : 'bg-gray-200 self-start text-left'
+            className={`message max-w-[70%] w-fit rounded-md h-fit px-2 py-px ${msg.sender ? 'bg-green-200 self-end text-right' : 'bg-gray-200 self-start text-left'
               }`}
+            style={{
+              wordBreak: 'break-word',
+              overflowWrap: 'break-word',
+              whiteSpace: 'pre-wrap'
+            }}
           >
             {msg.text}
           </div>