From 8b80d5a283353633e87cb98f1a403f4820bea6c0 Mon Sep 17 00:00:00 2001
From: b0xercat <seojin3154@naver.com>
Date: Sat, 5 Oct 2024 23:21:15 +0900
Subject: [PATCH] chore(fe): add padding bottom to panel, add ellipsis to long
 input output

---
 apps/frontend/components/TestcasePanel.tsx | 2 +-
 apps/frontend/components/TestcaseTable.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/frontend/components/TestcasePanel.tsx b/apps/frontend/components/TestcasePanel.tsx
index b02c624b74..d45565f08a 100644
--- 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
index 6ed5198383..1ef47f69bd 100644
--- 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',