chore(fe): add padding bottom to panel, add ellipsis to long input ou…

…tput
skkuding · Oct 5, 2024 · 8b80d5a · 8b80d5a
1 parent c31ac7c
commit 8b80d5a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/apps/frontend/components/TestcasePanel.tsx b/apps/frontend/components/TestcasePanel.tsx
@@ -67,7 +67,7 @@ export default function TestcasePanel({ testResult }: TestcasePanelProps) {
       </div>
       <ScrollArea className="h-full">
         {currentTab === 0 ? (
-          <div className="flex flex-col gap-6 p-5">
+          <div className="flex flex-col gap-6 p-5 pb-14">
             <TestSummary
               acceptedCount={acceptedCount}
               total={total}

diff --git a/apps/frontend/components/TestcaseTable.tsx b/apps/frontend/components/TestcaseTable.tsx
@@ -51,10 +51,13 @@ export default function TestcaseTable({
             <TableCell className="p-3 text-left md:p-3">
               Sample #{testResult.id}
             </TableCell>
-            <TableCell className="p-3 md:p-3">{testResult.input}</TableCell>
-            <TableCell className="p-3 md:p-3">
+            <TableCell className="max-w-96 overflow-hidden text-ellipsis whitespace-nowrap p-3 md:p-3">
+              {testResult.input}
+            </TableCell>
+            <TableCell className="max-w-96 overflow-hidden text-ellipsis whitespace-nowrap p-3 md:p-3">
               {testResult.expectedOutput}
             </TableCell>
+
             <TableCell
               className={cn(
                 'p-3 text-left md:p-3',